{"title":"Gel douche","description":"\u003cp\u003eVous êtes-vous déjà demandé ce que contenait réellement votre gel douche ? Derrière la mousse onctueuse et les parfums envoûtants se cachent parfois des ingrédients qui malmènent votre peau au quotidien. Tiraillements, sécheresse, irritations : ces désagréments ne sont pas une fatalité. Et si la solution passait simplement par un retour à l'essentiel, avec un \u003cstrong\u003egel douche bio\u003c\/strong\u003e formulé pour respecter votre peau plutôt que l'agresser ?\u003c\/p\u003e\n\u003ch2\u003ePourquoi votre gel douche habituel peut irriter votre peau\u003c\/h2\u003e\n\u003cp\u003eCette sensation de peau qui tire après la douche, vous la connaissez ? On a longtemps cru que c'était normal, voire signe d'une peau \"bien propre\". En réalité, c'est tout l'inverse : votre peau vous envoie un signal d'alerte.\u003c\/p\u003e\n\u003cp\u003eLes coupables ? Souvent les sulfates, ces fameux SLS (Sodium Lauryl Sulfate) et SLES (Sodium Laureth Sulfate) qu'on retrouve dans la majorité des gels douche conventionnels. Leur mission : faire mousser. Le problème, c'est qu'ils sont un peu trop efficaces. En décapant les impuretés, ils emportent aussi le film hydrolipidique - cette fine couche protectrice que votre peau fabrique naturellement pour se défendre.\u003c\/p\u003e\n\u003cp\u003eRésultat ? Une peau fragilisée, plus perméable aux agressions extérieures. Et puis il y a ce cercle vicieux assez paradoxal : plus on utilise des produits agressifs, plus la peau surréagit. Elle peut se mettre à produire davantage de sébum pour compenser, ou au contraire devenir de plus en plus sèche.\u003c\/p\u003e\n\u003cp\u003eLes peaux sensibles, atopiques ou réactives sont évidemment les premières concernées. Mais franchement, même une peau dite \"normale\" n'a aucun intérêt à être décapée quotidiennement. Opter pour un \u003cstrong\u003egel douche sans sulfate\u003c\/strong\u003e ou un \u003cstrong\u003egel douche naturel\u003c\/strong\u003e, c'est simplement arrêter de se battre contre sa propre peau.\u003c\/p\u003e\n\u003ch2\u003eComprendre le microbiome cutané et son équilibre\u003c\/h2\u003e\n\u003cp\u003eOn en parle de plus en plus, et pour cause : le microbiome cutané est une découverte qui change notre façon de concevoir l'hygiène. Imaginez votre peau comme un écosystème vivant, peuplé de milliards de micro-organismes - bactéries, champignons, virus - qui forment une véritable barrière protectrice. Loin d'être des ennemis à éliminer, ces petits habitants sont vos alliés.\u003c\/p\u003e\n\u003cp\u003eCe microbiome joue plusieurs rôles essentiels :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eIl participe à la défense immunitaire de la peau\u003c\/li\u003e\n\u003cli\u003eIl régule l'hydratation naturelle\u003c\/li\u003e\n\u003cli\u003eIl empêche la colonisation par des agents pathogènes\u003c\/li\u003e\n\u003cli\u003eIl contribue au maintien du pH cutané\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eD'ailleurs, parlons-en de ce pH. Celui de la peau se situe autour de 5,5 - légèrement acide. Cette acidité n'est pas un hasard : elle permet justement au microbiome de prospérer et de remplir sa mission protectrice. Or, beaucoup de gels douche conventionnels ont un pH bien plus élevé, ce qui perturbe cet équilibre délicat.\u003c\/p\u003e\n\u003cp\u003eLes tensioactifs agressifs ne font qu'aggraver les choses. En éliminant une partie de la flore cutanée à chaque douche, ils créent des brèches dans cette ligne de défense. Des études récentes ont d'ailleurs établi des liens entre déséquilibre du microbiome et diverses problématiques : eczéma, dermatite atopique, acné, voire psoriasis.\u003c\/p\u003e\n\u003cp\u003eUn \u003cstrong\u003egel douche bio\u003c\/strong\u003e formulé avec des tensioactifs doux respecte cet écosystème. Il nettoie sans détruire, préserve le pH naturel et laisse le microbiome faire son travail. Sur le long terme, la différence est vraiment palpable : une peau plus résistante, moins réactive, naturellement équilibrée.\u003c\/p\u003e\n\u003ch2\u003eComment choisir un gel douche vraiment naturel\u003c\/h2\u003e\n\u003cp\u003eEntre les allégations marketing et la réalité des formulations, il y a parfois un gouffre. \"Naturel\", \"doux\", \"respectueux\" : ces mots ne sont pas réglementés et peuvent figurer sur n'importe quel emballage. Alors comment s'y retrouver pour dénicher le \u003cstrong\u003emeilleur gel douche bio\u003c\/strong\u003e adapté à vos besoins ?\u003c\/p\u003e\n\u003ch3\u003eDécrypter la liste INCI\u003c\/h3\u003e\n\u003cp\u003eC'est là que tout se joue. La liste INCI (International Nomenclature of Cosmetic Ingredients) recense tous les ingrédients par ordre décroissant de concentration. Les tensioactifs à privilégier ? Le coco-glucoside, le decyl glucoside, ou encore le sodium cocoyl glutamate. Ces noms un peu barbares désignent des agents lavants d'origine végétale, biodégradables et doux pour la peau.\u003c\/p\u003e\n\u003cp\u003eÀ l'inverse, voici ce qu'il vaut mieux éviter dans un \u003cstrong\u003egel douche sans produits chimiques\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSLS et SLES (sulfates agressifs)\u003c\/li\u003e\n\u003cli\u003eParabènes (conservateurs controversés)\u003c\/li\u003e\n\u003cli\u003eSilicones (suffixes en -cone ou -xane)\u003c\/li\u003e\n\u003cli\u003eTriclosan (perturbateur endocrinien)\u003c\/li\u003e\n\u003cli\u003eParfums synthétiques (\"Fragrance\" ou \"Parfum\" sans précision)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eSe fier aux labels reconnus\u003c\/h3\u003e\n\u003cp\u003eLes certifications restent le meilleur repère. Cosmébio, Ecocert, Nature \u0026amp; Progrès : ces labels imposent des cahiers des charges stricts sur l'origine des ingrédients, les procédés de fabrication et l'impact environnemental. Un produit certifié bio n'est pas parfait, mais il offre des garanties solides.\u003c\/p\u003e\n\u003ch3\u003eComprendre le jargon\u003c\/h3\u003e\n\u003cp\u003eSurgras, sans savon, hypoallergénique... Ces termes ont une signification précise. Un gel surgras contient des agents surgraissants (huiles, beurres végétaux) qui compensent l'effet desséchant du lavage - idéal pour les peaux sèches. \"Sans savon\" indique un pH proche de celui de la peau. \"Hypoallergénique\" signifie que la formule minimise les risques d'allergie, sans les éliminer totalement.\u003c\/p\u003e\n\u003ch3\u003eAttention au greenwashing\u003c\/h3\u003e\n\u003cp\u003eUn packaging vert, des images de plantes, le mot \"nature\" en gros... Ça ne suffit pas. Certaines marques jouent sur l'ambiguïté pour surfer sur la tendance bio sans réellement changer leurs formules. Le réflexe à adopter : toujours retourner le flacon et lire la composition. Entre nous, une liste INCI courte et compréhensible est généralement bon signe.\u003c\/p\u003e\n\u003ch2\u003eIntégrer un gel douche bio dans votre routine quotidienne\u003c\/h2\u003e\n\u003cp\u003eVous avez trouvé votre \u003cstrong\u003egel douche naturel\u003c\/strong\u003e idéal ? Parfait. Mais ne soyez pas surpris si les débuts sont... déroutants. Votre peau, habituée aux formules agressives, peut avoir besoin de quelques semaines pour se rééquilibrer. C'est normal, et ça vaut le coup de persévérer.\u003c\/p\u003e\n\u003cp\u003ePremier constat qui déstabilise souvent : moins de mousse. On ne va pas se mentir, ça peut sembler bizarre au début. Pourtant, la quantité de mousse n'a strictement rien à voir avec l'efficacité du nettoyage. C'est un artifice sensoriel, rien de plus. Au bout de quelques douches, on s'y fait très bien.\u003c\/p\u003e\n\u003cp\u003ePensez aussi à adapter les produits selon les zones du corps. Pour le corps, un \u003ca href=\"\/products\/gel-douche-surgras-parfum-verveine-citronnee-1l-centifolia\" rel=\"noopener noreferrer\" target=\"_blank\"\u003egel douche surgras à la verveine citronnée\u003c\/a\u003e de Centifolia offre un nettoyage tout en douceur avec une note fraîche très agréable. Les peaux qui ont besoin de nutrition apprécieront particulièrement le \u003ca href=\"\/products\/gel-douche-agrumes-bio-1-l-emma-noel\" rel=\"noopener noreferrer\" target=\"_blank\"\u003egel douche à l'huile d'argan bio d'Emma Noël\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003ePour l'hygiène intime en revanche, c'est différent. La zone intime a un pH spécifique et une flore particulière qui nécessitent des soins dédiés. Un gel douche classique, même bio, n'est pas adapté. Préférez un produit formulé spécifiquement, comme le \u003ca href=\"\/products\/gel-intime-bio-rose-eucalyptus-coslys\" rel=\"noopener noreferrer\" target=\"_blank\"\u003egel intime fraîcheur rose et eucalyptus de Coslys\u003c\/a\u003e ou, pour les peaux sensibles, le \u003ca href=\"\/products\/gel-intime-apaisant-bio-coslys\" rel=\"noopener noreferrer\" target=\"_blank\"\u003egel toilette intime apaisant\u003c\/a\u003e de la même marque.\u003c\/p\u003e\n\u003cp\u003eCôté formats, vous avez le choix : gel classique en flacon, version surgras pour les peaux sèches, ou même \u003ca href=\"\/products\/gel-douche-verveine-citronnee-bio-pack-de-4-pastilles-anotherway\" rel=\"noopener noreferrer\" target=\"_blank\"\u003egel douche solide à diluer\u003c\/a\u003e pour réduire les emballages plastiques. Cette dernière option, proposée par Anotherway, est d'ailleurs assez maline : des pastilles à dissoudre dans l'eau pour reconstituer son gel douche.\u003c\/p\u003e\n\u003ch2\u003eAu-delà du gel douche : repenser son hygiène au naturel\u003c\/h2\u003e\n\u003cp\u003eUne fois qu'on a goûté à la différence, difficile de s'arrêter là. Le gel douche bio n'est finalement que la porte d'entrée vers une routine d'hygiène plus cohérente et respectueuse.\u003c\/p\u003e\n\u003cp\u003ePour certains usages - le lavage des mains par exemple - un \u003ca href=\"\/collections\/savon\" rel=\"noopener noreferrer\" target=\"_blank\"\u003esavon solide\u003c\/a\u003e peut parfaitement compléter votre gel douche. Économique, écologique, souvent saponifié à froid pour préserver les propriétés des huiles : c'est un classique qui revient en force.\u003c\/p\u003e\n\u003cp\u003eLa même logique s'applique à l'\u003ca href=\"\/collections\/hygiene-bucco-dentaire\" rel=\"noopener noreferrer\" target=\"_blank\"\u003ehygiène bucco-dentaire naturelle\u003c\/a\u003e. Dentifrices sans fluor controversé, brossettes en bambou, bains de bouche aux huiles essentielles : les alternatives existent et fonctionnent.\u003c\/p\u003e\n\u003cp\u003eLes \u003ca href=\"\/collections\/deodorant\" rel=\"noopener noreferrer\" target=\"_blank\"\u003edéodorants naturels\u003c\/a\u003e ont aussi fait d'énormes progrès. Fini les formules qui ne tiennent pas la journée : les versions actuelles, souvent à base de bicarbonate ou de pierre d'alun, offrent une efficacité réelle sans bloquer la transpiration.\u003c\/p\u003e\n\u003cp\u003eEt pour les cheveux ? \u003ca href=\"\/collections\/shampoing\" rel=\"noopener noreferrer\" target=\"_blank\"\u003eShampoings\u003c\/a\u003e et \u003ca href=\"\/collections\/apres-shampoing\" rel=\"noopener noreferrer\" target=\"_blank\"\u003eaprès-shampoings bio\u003c\/a\u003e complètent naturellement cette démarche. Le cuir chevelu, après tout, c'est aussi de la peau - avec son microbiome propre qui mérite le même respect.\u003c\/p\u003e\n\u003cp\u003ePour explorer toutes ces options, n'hésitez pas à parcourir \u003ca href=\"\/collections\/hygiene\" rel=\"noopener noreferrer\" target=\"_blank\"\u003enotre sélection de produits d'hygiène naturelle\u003c\/a\u003e. Chaque petit changement compte, et la transition peut se faire progressivement, à votre rythme.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes sur les gels douche\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur gel douche bio ?\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas de réponse universelle - le meilleur gel douche bio est celui qui correspond à votre type de peau. Pour les peaux sèches, privilégiez une formule surgras enrichie en huiles végétales. Les peaux sensibles ou réactives se tourneront vers des gels au pH neutre, sans parfum ou avec des fragrances naturelles très douces. Dans tous les cas, vérifiez la présence d'un label reconnu (Cosmébio, Ecocert) et une liste INCI courte avec des tensioactifs doux comme le coco-glucoside.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePourquoi choisir un gel douche sans sulfate ?\u003c\/summary\u003e\n\u003cp\u003eLes sulfates (SLS, SLES) sont des agents moussants très efficaces, mais aussi très agressifs. Ils décapent le film hydrolipidique qui protège naturellement votre peau et perturbent le microbiome cutané. Résultat : tiraillements, sécheresse, parfois irritations. Les tensioactifs doux utilisés dans les gels sans sulfate nettoient tout aussi bien, mais en respectant l'équilibre de la peau. Moins de mousse, certes, mais une peau qui vous dit merci.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eUn gel douche bio mousse-t-il autant qu'un gel classique ?\u003c\/summary\u003e\n\u003cp\u003eGénéralement non, et c'est tout à fait normal. La mousse abondante des gels conventionnels est produite par les sulfates - ces mêmes ingrédients agressifs qu'on cherche à éviter. Mais bonne nouvelle : la quantité de mousse n'a aucun rapport avec l'efficacité du nettoyage. C'est un artifice marketing, pas un indicateur de propreté. Après quelques douches, on s'adapte très vite et on ne revient plus en arrière.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les gels douche à éviter ?\u003c\/summary\u003e\n\u003cp\u003eMéfiez-vous des formules contenant des SLS\/SLES (sulfates agressifs), des parabènes (conservateurs controversés), du triclosan (perturbateur endocrinien potentiel), des silicones (qui étouffent la peau) ou des parfums synthétiques non détaillés. Le réflexe : toujours vérifier la liste INCI plutôt que de se fier aux allégations marketing sur l'emballage. Les labels bio reconnus (Cosmébio, Ecocert, Nature \u0026amp; Progrès) restent le meilleur gage de qualité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser un gel douche bio pour l'hygiène intime ?\u003c\/summary\u003e\n\u003cp\u003eNon, même bio, un gel douche classique n'est pas adapté à la zone intime. Cette zone a un pH spécifique (autour de 4,5) et une flore particulière qu'il faut préserver. Un gel douche corps, même doux, risque de perturber cet équilibre et de favoriser les désagréments (irritations, mycoses). Optez plutôt pour un gel intime spécifiquement formulé, avec un pH adapté et des ingrédients respectueux de la flore vaginale.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment reconnaître un gel douche de bonne qualité ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs indices ne trompent pas : une liste INCI courte et compréhensible, une certification bio reconnue (Cosmébio, Ecocert), l'absence des ingrédients controversés (sulfates, parabènes, silicones), et idéalement une fabrication française ou européenne qui garantit des normes strictes. L'application Yuka peut aussi vous aider à scanner rapidement les produits en magasin. Et en cas de doute ou de problèmes cutanés persistants, n'hésitez pas à consulter un dermatologue.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"gel-douche-soin-fruits-exotiques-centifolia-250ml","title":"Gel douche soin Fruits exotiques - 250ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Bio Cosmos\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Douche Soin Fruits Exotiques\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia • 250 ml • Surgras \u0026amp; Sans savon\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eOffrez à votre peau une parenthèse sensorielle : un soin lavant surgras bio qui marie douceur, efficacité et évasion. Enrichi en aloe vera équitable, il nettoie en respectant le film hydrolipidique pour une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn gel douche soin pensé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à un gel douche classique, la formule \u003cstrong\u003esurgras\u003c\/strong\u003e de Centifolia est enrichie en huile végétale biologique afin de nourrir l'épiderme pendant le lavage.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Zéro tiraillement\u003c\/h3\u003e\n \u003cp\u003eFini l'inconfort après la douche, la peau reste apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Douceur extrême\u003c\/h3\u003e\n \u003cp\u003ePeau douce, souple et hydratée, même sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ pH physiologique\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté au film hydrolipidique cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUn allié quotidien pour adultes et enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn parfum naturel de fruits et passion\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"Si vous appréciez les gels douche fruits et passion, vous allez adorer ce soin. Son parfum 100 % naturel évoque une corbeille de fruits exotiques mûrs : mangue juteuse, fruit de la passion acidulé, notes solaires d'agrumes. Un véritable gel douche perle de soin qui transforme chaque douche en moment d'évasion, sans recourir à des fragrances synthétiques.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99 % d'ingrédients d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia mise sur la transparence et la qualité. Voici les principaux actifs de ce gel douche soin.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio équitable\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et protège l'épiderme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫒 Huile végétale bio\u003c\/h3\u003e\n \u003cp\u003eApporte l'effet surgras nourrissant caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Base lavante végétale\u003c\/h3\u003e\n \u003cp\u003eUne mousse douce, sans sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥭 Parfum naturel de fruits exotiques\u003c\/h3\u003e\n \u003cp\u003eÉvasion sensorielle garantie, sans synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'hydratation à la surface de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eVegan, fabriqué en France, flacon recyclé \u0026amp; recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser le gel douche Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, sous la douche ou dans le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser délicatement\u003c\/h3\u003e\n \u003cp\u003eEntre les mains ou sur une fleur de douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eSur tout le corps, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre soin\u003c\/h3\u003e\n \u003cp\u003eAvec un lait hydratant après la douche pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisable quotidiennement, matin ou soir, sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFace à un gel douche conventionnel, Centifolia se distingue par sa formule ultra-clean et sa démarche écoresponsable de A à Z.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eAucun tensioactif agressif pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eUne formule pure, biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eUniquement des fragrances 100 % naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤗 Effet cocon\u003c\/h3\u003e\n \u003cp\u003eUn vrai nettoyage doux qui enveloppe la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon en plastique recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎉 Plaisir préservé\u003c\/h3\u003e\n \u003cp\u003eUne routine naturelle sans renoncer au plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Usage et conseils de sécurité\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e : en cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eAdoptez dès aujourd'hui le Gel douche soin Fruits exotiques Centifolia 250 ml et transformez votre rituel beauté en véritable soin plaisir. 🥭✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cf-cream: #fdf9f2;\n --cf-white: #ffffff;\n --cf-primary: #f5a524;\n --cf-primary-dark: #c67a0e;\n --cf-primary-light: #fef3dc;\n --cf-secondary: #e85d4a;\n --cf-accent: #7ba83f;\n --cf-text: #2b1d0e;\n --cf-text-light: #6b5a45;\n --cf-border: #ecdfc8;\n --cf-shadow: 0 4px 24px rgba(180, 120, 30, .1);\n --cf-shadow-lg: 0 12px 48px rgba(180, 120, 30, .18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n }\n\n .cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n }\n\n .cf-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a524 0%, #f7b94a 50%, #e85d4a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n }\n\n .cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n }\n\n .cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .cf-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 720px;\n opacity: .95;\n }\n\n .cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n }\n\n .cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n }\n\n .cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n }\n\n .cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: 1rem;\n }\n\n .cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cf-grid-compact .cf-card p {\n font-size: 12px;\n }\n\n .cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245, 165, 36, .3);\n }\n\n .cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n }\n\n .cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n }\n\n .cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n }\n\n .cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n }\n\n .cf-accordion-item:last-child {\n border-bottom: none;\n }\n\n .cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .cf-accordion-header:hover {\n background: var(--cf-primary-light);\n }\n\n .cf-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n }\n\n .cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n }\n\n .cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .cf-accordion-content p {\n margin: 0;\n }\n\n .cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--cf-primary);\n }\n\n .cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-secondary) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n }\n\n .cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53503981453689,"sku":"CE0443","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-soin-fruits-exotiques-250ml-centifolia-packshothd.webp?v=1779374523"},{"product_id":"shampooing-douche-pour-toute-la-famille-1l-centifolia","title":"Shampooing Douche Pour Toute La Famille - 1L - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampooing douche pour toute la famille — 1L\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn seul flacon 3-en-1 au Ginkgo Biloba bio pour le visage, le corps et les cheveux. 99 % d'ingrédients d'origine naturelle, adapté à toute la famille — même aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampooing douche bio 3-en-1 Centifolia : un seul flacon pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche et shampooing\u003c\/strong\u003e capable de simplifier la routine de toute la famille ? Le \u003cstrong\u003eshampooing douche 3-en-1 Centifolia\u003c\/strong\u003e au Ginkgo Biloba bio est pensé exactement pour cela.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 3-en-1 complet\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux en un seul geste, pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio avec 99 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de peaux, même les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Format familial 1L\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe économique et pratique pour un usage quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing douche corps et cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAvec ce \u003cstrong\u003egel douche shampooing 2 en 1\u003c\/strong\u003e (et même 3-en-1 !), vous n'avez plus besoin de multiplier les flacons dans la salle de bain. Il nettoie en douceur, sans dessécher ni agresser.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Base lavante ultra-douce\u003c\/h3\u003e\n \u003cp\u003eRespecte le film hydrolipidique de la peau et laisse les cheveux légers, brillants et faciles à démêler\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eEnrichi en Ginkgo Biloba bio d'origine française qui apaise les épidermes réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Idéal pour les familles\u003c\/h3\u003e\n \u003cp\u003eUn soin sain, efficace et agréable à utiliser chaque jour pour toute la tribu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule de ce \u003cstrong\u003eshampooing gel douche\u003c\/strong\u003e repose sur \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 20 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOrigine France\u003c\/strong\u003e — Reconnu pour ses propriétés apaisantes et protectrices, il aide à préserver l'hydratation cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'hydratation, il adoucit la peau et calme les tiraillements au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Protéines de pois\u003c\/h3\u003e\n \u003cp\u003eRenforcent la fibre capillaire et apportent volume et souplesse aux cheveux de toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e💦 Glycérine naturelle\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant doux qui maintient le confort et la souplesse de la peau après le rinçage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003evegan\u003c\/strong\u003e, sans phtalates, sans Bisphénol A et sans ingrédients d'origine animale. Aucun test sur les animaux n'a été réalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn format familial pratique et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Pompe pratique\u003c\/h3\u003e\n \u003cp\u003eDosage précis et hygiénique à chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon en matériau recyclé et entièrement recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e1 litre qui remplace plusieurs flacons et allège votre budget\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eMoins de flacons, moins de déchets : un geste simple pour la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-section-intro\" style=\"margin-top:1.25rem;\"\u003eCe \u003cstrong\u003edistributeur shampooing douche\u003c\/strong\u003e convient parfaitement aux familles nombreuses ou à celles qui veulent éviter le gaspillage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing douche familial ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez le visage, le corps ou les cheveux à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit grâce à la pompe et répartissez sur la zone à nettoyer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du bout des doigts pour faire mousser le produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et profitez d'une sensation de fraîcheur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConvient à un \u003cstrong\u003eusage quotidien pour toute la famille\u003c\/strong\u003e, à l'exception des enfants de moins de 3 ans. Son parfum subtil et frais transforme chaque douche en un moment de bien-être partagé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes atouts essentiels en résumé\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 3-en-1\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eY compris les peaux sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio, formulé à 99 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec un Ginkgo Biloba bio français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eFormule vegan, emballage écoresponsable 100 % recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n \u003cp\u003e1 litre avec pompe pratique pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Simplifiez votre routine avec un seul flacon bio, naturel et familial — pour des douches saines et responsables chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de doute, consultez votre dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f9f3;\n --cf-white: #ffffff;\n --cf-primary: #5a9e3e;\n --cf-primary-dark: #3a6e28;\n --cf-primary-light: #e8f3e2;\n --cf-secondary: #8bc34a;\n --cf-accent: #c8e06d;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dce8d5;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6e28 0%, #5a9e3e 50%, #8bc34a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cf-secondary);\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-card-ingredient {\n text-align: left;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502896996729,"sku":"CE0201","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-douche-pour-toute-la-famille-1l-centifolia-packshothd.webp?v=1775742539"},{"product_id":"gel-moussant-neutre-3-en-1-1l-centifolia","title":"Gel Moussant Neutre 3 en 1 - 1 Litre - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e💧 98% naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Moussant Neutre 3 en 1\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVisage · Corps · Cheveux — Format 1 Litre\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eLe \u003cstrong\u003eGel Moussant Neutre 3 en 1 de Centifolia\u003c\/strong\u003e en format 1 litre est la solution idéale pour toute la famille. Pensé pour nettoyer en douceur le \u003cstrong\u003evisage, le corps et les cheveux\u003c\/strong\u003e, ce soin lavant multifonction s'adresse aux peaux sensibles, réactives et fragilisées, dès la naissance. Un seul flacon, trois usages : vous simplifiez votre routine tout en faisant le choix d'un cosmétique \u003cstrong\u003ecertifié bio COSMOS ORGANIC\u003c\/strong\u003e et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn \u003cstrong\u003egel douche 3 en 1\u003c\/strong\u003e pensé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux gels douche 3 en 1 homme ou femme souvent trop détergents, le gel moussant neutre Centifolia mise sur une formule ultra-douce, \u003cstrong\u003esans parfum\u003c\/strong\u003e et au pH physiologique. Sa texture légère se transforme en une mousse fine et onctueuse qui respecte le film hydrolipidique et le microbiote cutané.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise et hydrate les peaux réactives grâce à ses vertus adoucissantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Prébiotique actif\u003c\/h3\u003e\n \u003cp\u003eL'Alpha-Glucan Oligosaccharide préserve et renforce le microbiote cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Polysaccharide protecteur\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur contre les agressions quotidiennes et la pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn vrai atout pour les épidermes réactifs, les cuirs chevelus sensibles et les peaux atopiques qui ne tolèrent pas les formules classiques type Laino, Dermasens gel douche surgras 3 en 1 ou Adidas gel douche 3 en 1.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes \u003cstrong\u003eatouts\u003c\/strong\u003e du Centifolia gel moussant neutre\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 98% naturel\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont de l'aloe vera issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCertifié COSMOS ORGANIC\u003c\/strong\u003e par Ecocert pour une cosmétique bio de confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSans parfum, sans sulfates agressifs, sans colorants\u003c\/strong\u003e. Tolérance maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient \u003cstrong\u003edès la naissance\u003c\/strong\u003e : bébés, enfants, adultes, femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eVegan et non testé sur les animaux\u003c\/strong\u003e, dans le respect du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n \u003cp\u003eFormat \u003cstrong\u003e1 litre\u003c\/strong\u003e (existe aussi en 250 ml et en recharge 5L pour les familles nombreuses).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment \u003cstrong\u003eutiliser\u003c\/strong\u003e ce gel moussant neutre ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💧 Mouillez la peau ou les cheveux\u003c\/h3\u003e\n \u003cp\u003eSous la douche, dans le bain ou au lavabo, humidifiez la zone à nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🫧 Déposez une noisette de produit\u003c\/h3\u003e\n \u003cp\u003eDans le creux de la main ou sur une fleur de douche pour une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🤲 Massez délicatement\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en massant doucement sans frotter, pour préserver la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincez abondamment\u003c\/h3\u003e\n \u003cp\u003eUtilisable au quotidien, aussi bien pour la toilette d'un nouveau-né que d'un adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce\u003c\/strong\u003e : pour le visage, privilégiez un massage léger du bout des doigts, sans frotter, afin de préserver la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition \u003cstrong\u003eINCI complète\u003c\/strong\u003e\n\u003c\/h2\u003e\n \u003cdiv class=\"cf-inci\"\u003e\n \u003cp\u003eAqua (Water), Lauryl Glucoside, Coco-Betaine, Sodium Chloride, Coco-Glucoside, \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e, Alpha-Glucan Oligosaccharide, Disodium Cocoyl Glutamate, Sodium Cocoyl Glutamate, Propanediol, Rhamnose, Glucose, Glucuronic Acid, Citric Acid, Sodium Benzoate.\u003c\/p\u003e\n \u003cp class=\"cf-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. 98 % du total des ingrédients sont d'origine naturelle. 12 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste \u003cstrong\u003eécoresponsable\u003c\/strong\u003e au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eEn choisissant le format 1 litre, vous réduisez considérablement vos déchets d'emballage. Le flacon est \u003cstrong\u003erecyclable\u003c\/strong\u003e : pensez à le trier dans le bac jaune selon les consignes de votre commune. Centifolia s'engage depuis plus de 40 ans pour une cosmétique botanique, éthique et transparente. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit est un cosmétique d'hygiène et ne remplace pas un avis ou un traitement médical. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f4fafd;\n --cf-white: #ffffff;\n --cf-primary: #4fb3e0;\n --cf-primary-dark: #1d6fa5;\n --cf-primary-light: #e3f3fb;\n --cf-secondary: #7cc9e8;\n --cf-accent: #a8dcef;\n --cf-text: #1a2b3a;\n --cf-text-light: #5a6b7a;\n --cf-border: #d8e9f2;\n --cf-shadow: 0 4px 24px rgba(29,111,165,.08);\n --cf-shadow-lg: 0 12px 48px rgba(29,111,165,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n line-height: 1.6;\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #7cc9e8 0%, #4fb3e0 50%, #1d6fa5 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 50% 100%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .5;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n opacity: .95;\n letter-spacing: -.01em;\n}\n\n.cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 750px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2 strong {\n color: var(--cf-primary);\n font-weight: 900;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--cf-text-light);\n margin: 0 auto 1.75rem;\n max-width: 780px;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-card p strong {\n color: var(--cf-text);\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(29,111,165,.25);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-inci {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-inci p {\n font-size: 14px;\n color: var(--cf-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.cf-inci p:last-child {\n margin-bottom: 0;\n}\n\n.cf-inci strong {\n color: var(--cf-primary-dark);\n background: var(--cf-primary-light);\n padding: 2px 6px;\n border-radius: 4px;\n}\n\n.cf-inci-note {\n font-size: 12px !important;\n padding-top: .75rem;\n border-top: 1px dashed var(--cf-border);\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.cf-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card { padding: 1.125rem; }\n .cf-section { margin-bottom: 1.75rem; }\n .cf-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 { font-size: 14px; }\n .cf-timeline-content p { font-size: 13px; }\n .cf-inci { padding: 1.25rem; }\n .cf-inci p { font-size: 13px; line-height: 1.7; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":54821554061689,"sku":"CE0520","price":14.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-moussant-neutre-3-en-1-bio-1l-centifolia.jpg?v=1733306466"},{"product_id":"gel-douche-surgras-parfum-verveine-citronnee-250ml-centifolia","title":"Gel Douche Surgras Parfum Verveine Citronnée - 250ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 99% Naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Douche Surgras Verveine Citronnée\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eÀ l'Aloe Vera équitable \u0026amp; BIO — 250 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn soin lavant sans savon, enrichi en actifs surgras, qui respecte le film hydrolipidique et laisse la peau douce, apaisée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn gel douche surgras pensé pour les peaux qui tiraillent\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLes gels douche classiques contiennent souvent des agents lavants agressifs qui fragilisent la barrière cutanée. Résultat : une peau qui tiraille, démange ou devient rêche après la douche.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans savon\u003c\/h3\u003e\n \u003cp\u003eFormule douce qui respecte le pH cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003ePas d'agents lavants agressifs qui décapent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié BIO par un organisme indépendant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Film protecteur\u003c\/h3\u003e\n \u003cp\u003eLes actifs surgras préviennent la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eComparé aux références du marché (Neutraderm, Cadum, A-Derma, Topicrem), ce gel douche Centifolia se distingue par son engagement écologique, sa composition courte et transparente, et son plaisir sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits de la verveine citronnée\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍋 Parfum naturel tonifiant\u003c\/h3\u003e\n \u003cp\u003eLa verveine citronnée éveille les sens et dynamise votre routine matinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌬️ Fraîcheur apaisante\u003c\/h3\u003e\n \u003cp\u003eUne note olfactive légère et pétillante, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e☁️ Expérience sensorielle\u003c\/h3\u003e\n \u003cp\u003eUne mousse onctueuse et généreuse qui enveloppe délicatement la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99% d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule contient \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 19,7% issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio équitable*\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur et apaise les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'hydratation et assouplit l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce*\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et protège la peau fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de verveine*\u003c\/h3\u003e\n \u003cp\u003eTonifie et parfume la peau naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫧 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eNettoient efficacement sans décaper la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Formule vegan\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique, sans paraben ni colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans savon, sans sulfates SLS, sans paraben, sans colorant, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser votre gel douche surgras ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDosez une noisette\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de produit dans le creux de la main ou sur une fleur de douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, massez délicatement du cou jusqu'aux pieds pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, en insistant sur les plis pour éliminer tout résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eSéchez et hydratez\u003c\/h3\u003e\n \u003cp\u003eTamponnez délicatement puis appliquez un lait ou une crème hydratante pour prolonger le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cp\u003eConvient à toute la famille, dès l'enfance. Évitez le contact avec les yeux. Usage externe uniquement. Ce produit est un cosmétique et ne remplace pas un traitement médical : en cas de pathologie cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 50% recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon en plastique recyclé et 100% recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Centifolia, pionnière de la cosméto-botanique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Filière équitable\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu d'une filière tracée et rémunératrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Ingrédients tracés\u003c\/h3\u003e\n \u003cp\u003eTransparence totale sur l'origine de chaque actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌡️ Peaux sèches \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les épidermes sujets aux tiraillements et démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUne formule douce, adaptée dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Amateurs de bio\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent des cosmétiques naturels et français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Transformez votre douche en un véritable rituel de soin : une peau douce, apaisée et délicatement parfumée à la verveine citronnée, en respectant votre équilibre cutané et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f7f2;\n --cf-white: #ffffff;\n --cf-primary: #7ba84d;\n --cf-primary-dark: #4a6b2e;\n --cf-primary-light: #e8f0dc;\n --cf-secondary: #c4d48a;\n --cf-accent: #e8d84a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a6550;\n --cf-border: #dde3d4;\n --cf-shadow: 0 4px 24px rgba(74,107,46,.08);\n --cf-shadow-lg: 0 12px 48px rgba(74,107,46,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #8fb866 0%, #7ba84d 50%, #4a6b2e 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,107,46,.25);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502900470137,"sku":"CE0441","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-surgras-parfum-verveine-citronnee-250ml-centifoli-packshothd.webp?v=1777800865"},{"product_id":"gel-douche-surgras-parfum-fleur-doranger-250ml-centifolia","title":"Gel Douche Surgras Parfum Fleur d'Oranger - 250ml - Centifolia","description":"\u003cdiv class=\"cent-premium\"\u003e\n \u003cdiv class=\"cent-hero\"\u003e\n \u003cdiv class=\"cent-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cent-hero-content\"\u003e\n \u003cdiv class=\"cent-badges-top\"\u003e\n \u003cspan class=\"cent-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e🌸 Fleur d'Oranger\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e💧 Sans savon\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cent-hero-title\"\u003eGel Douche Surgras Fleur d'Oranger\u003c\/span\u003e\n \u003cp class=\"cent-subtitle\"\u003eSoin lavant haute tolérance • 250ml • Centifolia\u003c\/p\u003e\n \u003cp class=\"cent-description\"\u003eUn soin lavant doux et bio, enrichi en aloe vera équitable et agents surgras végétaux. Nettoie en préservant le film hydrolipidique des peaux sensibles, sèches et réactives, dans un délicat sillage de fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eUn gel douche surgras bio qui change la donne\u003c\/h2\u003e\n \u003cp class=\"cent-section-intro\"\u003eConsidéré par de nombreux utilisateurs comme l'un des \u003cstrong\u003emeilleurs gels douche surgras\u003c\/strong\u003e disponibles en parapharmacie, ce soin Centifolia se distingue par sa \u003cstrong\u003eformule sans savon, sans sulfate et sans tensioactifs agressifs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"cent-section-intro\"\u003eContrairement à certains gels douche surgras classiques (type Cadum, Neutraderm ou A-Derma), il mise sur une composition certifiée bio, composée à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 10,9% issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cent-grid-compact\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e✨ 99%\u003c\/h3\u003e\n \u003cp\u003eD'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌱 10,9%\u003c\/h3\u003e\n \u003cp\u003eIssus de l'Agriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🚫 0 sulfate\u003c\/h3\u003e\n \u003cp\u003eSans savon ni tensioactif agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e♻️ 50%\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclé, 100% recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-tip\"\u003e\n \u003cspan class=\"cent-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRésultat : une peau propre, apaisée, souple, sans sensation de tiraillement après la douche. Idéal pour toute la famille, il convient à un usage quotidien sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eLes bienfaits pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"cent-grid\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🫧 Nettoyage tout en douceur\u003c\/h3\u003e\n \u003cp\u003eSans savon ni sulfate, il respecte les peaux les plus délicates, même les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e💆 Confort et souplesse\u003c\/h3\u003e\n \u003cp\u003eLes agents surgras nourrissent et protègent le film hydrolipidique de votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌵 Apaisement\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera équitable hydrate et calme les peaux sujettes aux tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel relaxant\u003c\/h3\u003e\n \u003cp\u003eLa fleur d'oranger enveloppe la peau d'un sillage floral délicat et apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌍 Engagement éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon 50% recyclé et 100% recyclable, fabriqué en France avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormule haute tolérance adaptée à un usage quotidien par toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cent-testimonial\"\u003e\n \u003cp class=\"cent-testimonial-text\"\u003eAqua (Water), Coco-Glucoside, Sodium Cocoamphoacetate, Glycerin, Sodium Cocoyl Glutamate, Aloe Barbadensis Leaf Juice*, Citrus Aurantium Amara Flower Water*, Parfum (Fragrance), Coco-Caprylate\/Caprate, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate, Tocopherol, Helianthus Annuus Seed Oil, Limonene, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cent-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cent-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e✅ ECOCERT\u003c\/h3\u003e\n \u003cp\u003eCertifié par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌿 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eLabellisé cosmétique biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🩺 Dermato-testé\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cent-timeline\"\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e💧 Humidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous une eau tiède, préparez votre peau à recevoir le soin lavant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e🫧 Appliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de gel douche fleur d'oranger sur peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e💆 Faites mousser délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez le corps en mouvements circulaires pour faire naître une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, puis séchez en tapotant. Complétez avec un lait corporel nourrissant pour prolonger l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-tip\"\u003e\n \u003cspan class=\"cent-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cent-accordion\"\u003e\n \u003cdetails class=\"cent-accordion-item\"\u003e\n \u003csummary class=\"cent-accordion-header\"\u003e🗓️ Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cent-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule surgras et sans savon est pensée pour un usage quotidien, même sur peau sensible. Elle préserve le film hydrolipidique et évite les sensations de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cent-accordion-item\"\u003e\n \u003csummary class=\"cent-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"cent-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il peut être utilisé par toute la famille. Pour les tout-petits, demandez conseil à votre pharmacien ou pédiatre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cent-accordion-item\"\u003e\n \u003csummary class=\"cent-accordion-header\"\u003e🆚 En quoi se distingue-t-il d'un gel douche surgras classique de pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"cent-accordion-content mt-3\"\u003e\n \u003cp\u003eSa formule est certifiée bio, sans sulfate, avec des ingrédients majoritairement naturels et un parfum issu de la fleur d'oranger, contrairement à de nombreuses formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cent-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau un rituel de douche tout en douceur, où la science cosméto-botanique rencontre la poésie de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cent-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de pathologie cutanée ou de réaction persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cent-cream: #fdf8f1;\n --cent-white: #ffffff;\n --cent-primary: #e89248;\n --cent-primary-dark: #b86420;\n --cent-primary-light: #fbeedd;\n --cent-secondary: #d4a574;\n --cent-accent: #f4c77e;\n --cent-text: #2a2018;\n --cent-text-light: #6b5d4f;\n --cent-border: #ebddc9;\n --cent-shadow: 0 4px 24px rgba(184, 100, 32, .08);\n --cent-shadow-lg: 0 12px 48px rgba(184, 100, 32, .15);\n --cent-radius: 20px;\n --cent-radius-sm: 12px;\n}\n\n.cent-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cent-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cent-text);\n line-height: 1.6;\n}\n\n.cent-hero {\n position: relative;\n background: linear-gradient(135deg, #f4c77e 0%, #e89248 50%, #d4a574 100%);\n border-radius: var(--cent-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cent-shadow-lg);\n}\n\n.cent-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n background-size: 80px 80px, 100px 100px, 40px 40px;\n}\n\n.cent-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cent-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cent-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.cent-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n text-shadow: 0 1px 6px rgba(0,0,0,.1);\n}\n\n.cent-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cent-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cent-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cent-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cent-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cent-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cent-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cent-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cent-primary), var(--cent-secondary));\n border-radius: 2px;\n}\n\n.cent-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cent-text-light);\n margin: 0 auto 1rem;\n max-width: 780px;\n line-height: 1.7;\n}\n\n.cent-section-intro strong {\n color: var(--cent-text);\n}\n\n.cent-card {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cent-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cent-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cent-shadow-lg);\n border-color: var(--cent-primary);\n}\n\n.cent-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cent-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cent-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cent-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cent-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.cent-grid-compact .cent-card {\n padding: 1rem;\n}\n\n.cent-grid-compact .cent-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.cent-grid-compact .cent-card p {\n font-size: 12px;\n}\n\n.cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.cent-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cent-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cent-primary), var(--cent-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--cent-shadow);\n}\n\n.cent-timeline-content {\n flex: 1;\n background: var(--cent-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cent-radius-sm);\n box-shadow: var(--cent-shadow);\n}\n\n.cent-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cent-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cent-timeline-content p {\n font-size: 14px;\n color: var(--cent-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cent-testimonial {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cent-shadow);\n border-left: 4px solid var(--cent-primary);\n}\n\n.cent-testimonial-text {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--cent-text);\n line-height: 1.9;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n.cent-accordion {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n box-shadow: var(--cent-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.cent-accordion-item {\n border-bottom: 1px solid var(--cent-border);\n}\n\n.cent-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cent-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cent-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.cent-accordion-header:hover {\n background: var(--cent-primary-light);\n}\n\n.cent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cent-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--cent-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cent-accordion-item[open] .cent-accordion-header::after {\n content: '−';\n}\n\n.cent-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cent-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cent-accordion-content p {\n margin: 0;\n}\n\n.cent-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cent-primary-light);\n border-radius: var(--cent-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cent-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cent-tip p {\n font-size: 14px;\n color: var(--cent-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cent-cta-box {\n background: linear-gradient(135deg, var(--cent-primary) 0%, var(--cent-primary-dark) 100%);\n border-radius: var(--cent-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cent-shadow-lg);\n}\n\n.cent-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cent-disclaimer {\n font-size: 12px;\n color: var(--cent-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cent-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cent-card {\n padding: 1.125rem;\n }\n .cent-section {\n margin-bottom: 1.75rem;\n }\n .cent-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cent-radius-sm);\n }\n .cent-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cent-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cent-grid-compact {\n gap: .625rem;\n }\n .cent-grid-compact .cent-card {\n padding: .75rem;\n }\n .cent-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cent-timeline-content {\n padding: .875rem 1rem;\n }\n .cent-timeline-content h3 {\n font-size: 14px;\n }\n .cent-timeline-content p {\n font-size: 13px;\n }\n .cent-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cent-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cent-testimonial {\n padding: 1.25rem;\n }\n .cent-testimonial-text {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cent-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cent-card:nth-child(1) { animation-delay: .05s; }\n .cent-card:nth-child(2) { animation-delay: .1s; }\n .cent-card:nth-child(3) { animation-delay: .15s; }\n .cent-card:nth-child(4) { animation-delay: .2s; }\n .cent-card:nth-child(5) { animation-delay: .25s; }\n .cent-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cent-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53503968215417,"sku":"CE0442","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-surgras-parfum-fleur-doranger-250ml-centifolia-packshothd_f92ff97f-bfe9-4036-bf1f-32d1c0a7e1b8.webp?v=1779374641"},{"product_id":"gel-douche-barbarie-500-ml-najel","title":"Gel Douche Huile de Figue de Barbarie - 500 ml - Najel","description":"\u003cdiv class=\"njl-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"njl-hero\"\u003e\n\u003cdiv class=\"njl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"njl-hero-content\"\u003e\n\u003cdiv class=\"njl-badges-top\"\u003e\n\u003cspan class=\"njl-badge\"\u003e🌵 20% Huile de Figue de Barbarie\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🌿 99% Naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"njl-hero-title\"\u003eGel Douche Figue de Barbarie\u003c\/span\u003e\n\u003cp class=\"njl-subtitle\"\u003eTrésor du Désert par Najel\u003c\/p\u003e\n\u003cp class=\"njl-description\"\u003eL'alliance précieuse du savon d'Alep millénaire et de l'huile de figue de Barbarie pour une peau nourrie, apaisée et sublimée à chaque douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eUn gel douche d'exception au savon d'Alep et à l'huile de figue de Barbarie\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eBien plus qu'un simple nettoyage quotidien : transformez votre douche en un véritable rituel de bien-être oriental.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌵 Figue de Barbarie\u003c\/h3\u003e\n\u003cp\u003e20% d'huile précieuse de graines pour nourrir intensément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🧼 Savon d'Alep\u003c\/h3\u003e\n\u003cp\u003eFormule authentique du plus ancien savon du monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ COSMOS NATURAL\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert pour une qualité garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eSelon les plus hauts standards de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'huile de figue de Barbarie pour votre peau ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-highlight-box\"\u003e\n\u003cp class=\"njl-highlight-text\"\u003e🌵 \u003cstrong\u003eUn trésor rare :\u003c\/strong\u003e Il faut environ \u003cstrong\u003e1 tonne de figues\u003c\/strong\u003e pour obtenir seulement \u003cstrong\u003e1 litre\u003c\/strong\u003e de cette huile précieuse !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🔬 Pouvoir régénérant exceptionnel\u003c\/h3\u003e\n\u003cp\u003eRichesse en vitamine E (environ 1000 mg\/kg) : un antioxydant puissant qui lutte contre les signes du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e💧 Action nourrissante intense\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels (oméga-6 et oméga-9) restaurent le film hydrolipidique et renforcent la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eIdéale pour calmer les peaux irritées, sensibles ou sujettes aux tiraillements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ Amélioration de l'élasticité\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve souplesse et fermeté au fil des utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eL'alliance unique du savon d'Alep liquide\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eCe gel douche s'inscrit dans la tradition millénaire du savon d'Alep, le plus ancien savon du monde.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège l'épiderme grâce à ses acides gras et sa vitamine E naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses vertus purifiantes et apaisantes, particulièrement appréciée des peaux à problèmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre respecté\u003c\/h3\u003e\n\u003cp\u003eContrairement aux gels classiques, cette formule respecte l'équilibre naturel de votre épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous ressortez de la douche avec une peau propre, douce et confortable – jamais tiraillée ni desséchée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003ePour quels types de peau ce gel douche est-il adapté ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNettoyage sans agression pour les peaux déshydratées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans tensioactifs agressifs pour les peaux réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eSoin lavant aux propriétés anti-âge naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eComposition naturelle et douce, même pour les enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eUne formule propre et responsable\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eNajel s'engage pour une cosmétique respectueuse de votre santé et de l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003ePas de SLS ni SLES\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n\u003cp\u003eConservation naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eTeinte 100% naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n\u003cp\u003ePeau libre de respirer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon pompe de \u003cstrong\u003e500 ml\u003c\/strong\u003e est pratique et économique : quelques pressions suffisent pour obtenir une mousse généreuse et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eComment utiliser votre gel douche Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-timeline\"\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eSous la douche ou dans le bain, humidifiez l'ensemble du corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003ePrélevez le gel\u003c\/h3\u003e\n\u003cp\u003eUne à deux pressions dans le creux de la main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eDélicatement sur l'ensemble du corps en effectuant des mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n\u003cp\u003eAbondamment à l'eau claire, puis tamponnez doucement avec une serviette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Pour une routine complète, appliquez ensuite une huile ou un lait corporel hydratant afin de prolonger les effets nourrissants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"njl-inci-box\"\u003e\n\u003cp\u003eAqua, Potassium Olivate*, Glycerin, Potassium Cocoate, \u003cstrong\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/strong\u003e, Potassium Laurate, Coco-Glucoside, Parfum, Sodium Chloride, Potassium Sorbate, Sodium Benzoate, Citric Acid, Tocopherol, Limonene, Linalool.\u003c\/p\u003e\n\u003cp class=\"njl-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"njl-accordion\"\u003e\n\u003cdetails class=\"njl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e📋 Fiche technique\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cul class=\"njl-specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eContenance :\u003c\/strong\u003e 500 ml\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification :\u003c\/strong\u003e COSMOS NATURAL par Ecocert\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine naturelle :\u003c\/strong\u003e 99% d'ingrédients naturels\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConcentration en huile de figue de Barbarie :\u003c\/strong\u003e 20%\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de peau :\u003c\/strong\u003e tous types, particulièrement peaux sèches et sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication :\u003c\/strong\u003e Made in France\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMarque :\u003c\/strong\u003e Najel – Trésor du Désert\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"njl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cp\u003eConservez votre gel douche à température ambiante, à l'abri de la chaleur excessive et de la lumière directe du soleil. Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"njl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLa marque Najel : l'héritage du savon d'Alep depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"njl-testimonial\"\u003e\n\u003cp class=\"njl-testimonial-text\"\u003e\"Fondée par une famille de maîtres savonniers syriens, Najel perpétue depuis plus d'un siècle le savoir-faire ancestral du savon d'Alep. La marque propose aujourd'hui une gamme complète de soins naturels inspirés des traditions orientales, tout en répondant aux exigences de la cosmétique moderne et des certifications bio européennes.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-cta-box\"\u003e\n\u003cp\u003e🌵 Offrez à votre peau le trésor du désert : un rituel de soin ancestral pour une peau nourrie, apaisée et naturellement belle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --njl-cream: #F7F4EF;\n --njl-white: #ffffff;\n --njl-primary: #B8860B;\n --njl-primary-dark: #8B6914;\n --njl-primary-light: #F5EDD8;\n --njl-secondary: #8B4513;\n --njl-accent: #2F4F4F;\n --njl-text: #1a1a1a;\n --njl-text-light: #5a5a5a;\n --njl-border: #e0e0e0;\n --njl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --njl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --njl-radius: 20px;\n --njl-radius-sm: 12px;\n}\n\n.njl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.njl-hero {\n position: relative;\n background: linear-gradient(135deg, #B8860B 0%, #8B4513 50%, #2F4F4F 100%);\n border-radius: var(--njl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njl-shadow-lg);\n}\n\n.njl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L30 25 M25 15 L30 5 L35 15 M20 25 L30 25 L40 25 M30 25 L30 55 M25 35 L30 25 L35 35' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.njl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.njl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.njl-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.njl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.njl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.njl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njl-primary), var(--njl-secondary));\n border-radius: 2px;\n}\n\n.njl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.njl-card {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njl-shadow-lg);\n border-color: var(--njl-primary);\n}\n\n.njl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-card-clean {\n background: linear-gradient(135deg, var(--njl-white) 0%, var(--njl-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.njl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njl-grid-compact .njl-card {\n padding: 1rem;\n}\n\n.njl-grid-compact .njl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njl-grid-compact .njl-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.njl-highlight-box {\n background: linear-gradient(135deg, var(--njl-primary-light) 0%, #fff 100%);\n border-left: 4px solid var(--njl-primary);\n border-radius: var(--njl-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.njl-highlight-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.njl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njl-primary), var(--njl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.njl-timeline-content {\n flex: 1;\n background: var(--njl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njl-radius-sm);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njl-timeline-content p {\n font-size: 14px;\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.njl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njl-primary-light);\n border-radius: var(--njl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.njl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njl-tip p {\n font-size: 14px;\n color: var(--njl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.njl-testimonial {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njl-shadow);\n border-left: 4px solid var(--njl-primary);\n margin-bottom: 1.5rem;\n}\n\n.njl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.njl-inci-box {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-inci-box p {\n font-size: 14px;\n color: var(--njl-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.njl-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n font-size: 13px !important;\n color: var(--njl-primary-dark) !important;\n}\n\n\/* === ACCORDÉON === *\/\n.njl-accordion {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n box-shadow: var(--njl-shadow);\n overflow: hidden;\n}\n\n.njl-accordion-item {\n border-bottom: 1px solid var(--njl-border);\n margin: 0;\n padding: 0;\n}\n\n.njl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.njl-accordion-header:hover {\n background: var(--njl-primary-light);\n}\n\n.njl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--njl-primary);\n transition: transform .2s ease;\n}\n\n.njl-accordion-item[open] .njl-accordion-header::after {\n content: '−';\n}\n\n.njl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.njl-accordion-content p {\n margin: 0;\n}\n\n.njl-specs-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.njl-specs-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--njl-border);\n font-size: 14px;\n color: var(--njl-text);\n}\n\n.njl-specs-list li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA FINAL === *\/\n.njl-cta-box {\n background: linear-gradient(135deg, var(--njl-primary) 0%, var(--njl-secondary) 100%);\n border-radius: var(--njl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.njl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .njl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .njl-card {\n padding: 1.125rem;\n }\n \n .njl-section {\n margin-bottom: 1.75rem;\n }\n \n .njl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njl-radius-sm);\n }\n \n .njl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .njl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .njl-grid-compact {\n gap: .625rem;\n }\n \n .njl-grid-compact .njl-card {\n padding: .75rem;\n }\n \n .njl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .njl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .njl-timeline-content h3 {\n font-size: 14px;\n }\n \n .njl-timeline-content p {\n font-size: 13px;\n }\n \n .njl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .njl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .njl-testimonial {\n padding: 1.25rem;\n }\n \n .njl-testimonial-text {\n font-size: 14px;\n }\n \n .njl-highlight-box {\n padding: 1rem;\n }\n \n .njl-tip {\n padding: .875rem 1rem;\n }\n \n .njl-tip-icon {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .njl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .njl-card:nth-child(1) { animation-delay: .05s; }\n .njl-card:nth-child(2) { animation-delay: .1s; }\n .njl-card:nth-child(3) { animation-delay: .15s; }\n .njl-card:nth-child(4) { animation-delay: .2s; }\n .njl-card:nth-child(5) { animation-delay: .25s; }\n .njl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .njl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922368057721,"sku":"NJ0015","price":9.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-huile-de-figue-de-barbarie-500-ml-najel-lifestyle.webp?v=1769502301"},{"product_id":"savon-dalep-liquide-5-hbl-najel","title":"Savon d'Alep liquide 5% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 5% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep en format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la douceur ancestrale du véritable savon d'Alep, enrichi en huile de baies de laurier et huile d'olive bio, dans un flacon pompe pratique de 500 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est reconnu depuis des siècles pour ses vertus exceptionnelles sur la peau. Désormais disponible en version liquide pour répondre à vos besoins de praticité.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe 500 ml, fini le savon qui ramollit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✋ Dosage précis\u003c\/h3\u003e\n\u003cp\u003eUne pression = la dose parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧼 Hygiénique\u003c\/h3\u003e\n\u003cp\u003eIdéal pour le lavage des mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👩👦 Familial\u003c\/h3\u003e\n\u003cp\u003eGel douche pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de baies de laurier à 5%\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe qui distingue un véritable savon d'Alep, c'est sa teneur en huile de baies de laurier. Avec 5%, ce savon convient parfaitement aux peaux normales à mixtes.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier aide à nettoyer la peau en profondeur sans agresser l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e☮️ Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eIdéale pour calmer les petites irritations et inconforts cutanés du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Effet assainissant\u003c\/h3\u003e\n\u003cp\u003eContribue à maintenir une peau nette, équilibrée et fraîche toute la journée\u003cspan class=\"naj-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e Le 5% est le choix idéal pour un usage quotidien en famille, y compris pour les enfants. Pour les peaux très sèches ou à problèmes, des concentrations plus élevées (15%, 20%, 40%) existent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'huile d'olive : le cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eBase traditionnelle du savon d'Alep, l'huile d'olive constitue l'ingrédient principal de cette formule ancestrale.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique de votre peau pour une hydratation durable et confortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E, elle protège votre peau des agressions extérieures quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Mousse délicate\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse qui mousse légèrement sans dessécher, signe d'une formule respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Glycerin, Potassium Laurate*, Potassium Hydroxide, Laurus Nobilis Fruit Oil*, Olea Europaea Fruit Oil*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans tensioactif\u003c\/h3\u003e\n\u003cp\u003eAucun agent agressif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🚿 Corps et visage\u003c\/h3\u003e\n\u003cp\u003eSous la douche, prélevez 1 à 2 pressions dans le creux de la main. Faites mousser sur peau humide en effectuant de légers massages circulaires, puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e✋ Lavage des mains\u003c\/h3\u003e\n\u003cp\u003eUne seule pression suffit. Le format pompe est particulièrement pratique posé près du lavabo pour un lavage régulier et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🪒 Astuce rasage\u003c\/h3\u003e\n\u003cp\u003eCe savon peut servir de base moussante pour le rasage grâce à sa texture onctueuse qui facilite le passage de la lame tout en apaisant la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce pour adultes et enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni additif irritant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Peaux normales à mixtes\u003c\/h3\u003e\n\u003cp\u003eDosage 5% parfaitement équilibré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes engagements Najel\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formule biologique strictement contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eProduction française dans le respect des normes européennes les plus exigeantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun test sur les animaux, engagement éthique fort de la marque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFlacon 100% recyclable pour une démarche respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur millénaire du savon d'Alep authentique, dans un format moderne et pratique pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. En cas d'irritation ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #f8f6f3;\n --naj-white: #ffffff;\n --naj-primary: #4A9B8C;\n --naj-primary-dark: #2D5A4F;\n --naj-primary-light: #e8f4f1;\n --naj-secondary: #8B5A2B;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(45,90,79,.08);\n --naj-shadow-lg: 0 12px 48px rgba(45,90,79,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A9B8C 0%, #2D5A4F 50%, #1a3d35 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n.naj-card-no {\n background: linear-gradient(135deg, #fef9f6 0%, var(--naj-white) 100%);\n border: 1px solid rgba(139,90,43,.1);\n}\n\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-inci {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.naj-inci-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .naj-composition-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924858950009,"sku":"NJ0115.X500","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-5-hbl-500-ml-najel-lifestyle.webp?v=1770111405"},{"product_id":"savon-dalep-liquide-20-hbl-najel","title":"Savon d'Alep liquide 20% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 20% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 20% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep dans un format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eLa douceur de l'huile d'olive bio et les vertus purifiantes du laurier réunies dans un savon liquide authentique pour les peaux sèches et sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 20% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe pourcentage d'huile de baies de laurier est ce qui distingue véritablement un savon d'Alep d'un autre. À 20% d'HBL, ce savon offre un équilibre idéal entre douceur et efficacité purifiante.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre parfait\u003c\/h3\u003e\n\u003cp\u003eDosage optimal recommandé pour profiter des bienfaits sans assécher la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Film protecteur\u003c\/h3\u003e\n\u003cp\u003eRespecte le film hydrolipidique de votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003ePeau nettoyée en profondeur mais jamais tiraillée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💚 Sans agression\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels souvent agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep liquide concentre les vertus de deux huiles végétales exceptionnelles qui agissent en synergie.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n\u003cp\u003eVéritable trésor de la Méditerranée, naturellement riche en vitamine E et en acides gras essentiels. Elle nourrit intensément, protège contre le dessèchement et redonne souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier 20%\u003c\/h3\u003e\n\u003cp\u003eCette huile précieuse est réputée depuis l'Antiquité pour ses propriétés purifiantes et apaisantes. Elle convient aux peaux sujettes aux imperfections, démangeaisons ou inconforts cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSynergie naturelle :\u003c\/strong\u003e ensemble, ces deux huiles nettoient, nourrissent et apaisent en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage, corps et cheveux : un produit vraiment polyvalent\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFini l'accumulation de flacons dans votre salle de bain ! Un seul produit pour toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eNettoyage quotidien sans agresser les peaux sensibles ou réactives. Réduit les imperfections pour un teint plus net.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eUtilisé comme gel douche naturel, il laisse la peau propre, souple et confortable. Idéal après le sport.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn shampooing occasionnel, il aide à assainir les cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🙌 Pour les mains\u003c\/h3\u003e\n\u003cp\u003eSon format pompe pratique en fait un savon parfait à poser près du lavabo pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLe savon d'Alep est-il adapté aux peaux sensibles ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eDe nombreux dermatologues reconnaissent les qualités du savon d'Alep pour les peaux à problèmes. Sa composition minimaliste, sans parfum de synthèse ni conservateur artificiel, réduit considérablement les risques d'irritation ou d'allergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eAlternative douce aux produits conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🩹 Eczéma\u003c\/h3\u003e\n\u003cp\u003ePeut soulager les peaux sujettes à l'eczéma\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Psoriasis\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux atopiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✅ Réactivité\u003c\/h3\u003e\n\u003cp\u003eRéduit les risques d'irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eRappel important : ce savon est un produit d'hygiène et ne remplace en aucun cas un traitement médical prescrit par un professionnel de santé. Testez sur une petite zone avant utilisation étendue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUne formule certifiée bio et éco-responsable\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eNajel perpétue la tradition du savon d'Alep tout en s'engageant pour une cosmétique plus responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGage d'une formulation biologique contrôlée par un organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePour garantir qualité et traçabilité à chaque étape de production\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant, sans parfum de synthèse, sans conservateur artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 100% biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux des écosystèmes aquatiques et de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Geste conscient\u003c\/h3\u003e\n\u003cp\u003eUn choix bon pour vous et pour la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eL'utilisation est simple et convient à toute la famille, au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eVersez une à deux pressions de savon dans le creux de votre main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau ou cheveux mouillés et faites mousser délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire. Pour le visage, évitez le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour maximiser les bienfaits sur le visage, laissez la mousse agir quelques secondes avant de rincer. Votre peau profitera davantage des vertus purifiantes du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFidèle à la tradition, ce savon d'Alep liquide contient uniquement \u003cstrong\u003equatre ingrédients\u003c\/strong\u003e. Une liste ultra-courte qui témoigne d'une formulation authentique, sans superflu.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Olea Europaea Fruit Oil*\u003c\/h3\u003e\n\u003cp\u003eHuile d'olive biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Laurus Nobilis Fruit Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de baies de laurier (20%)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Potassium Hydroxide\u003c\/h3\u003e\n\u003cp\u003eAgent saponifiant naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le soin ancestral qu'elle mérite. Le savon d'Alep Najel : tradition millénaire, qualité certifiée bio, respect de votre peau et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F7F5F0;\n --naj-white: #ffffff;\n --naj-primary: #4A7C6F;\n --naj-primary-dark: #2D5A4A;\n --naj-primary-light: #E8F0ED;\n --naj-secondary: #8B5A2B;\n --naj-accent: #C4956A;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C6F 0%, #2D5A4A 50%, #1E3D30 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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='%23ffffff' fill-opacity='0.08'%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 opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n border-left: 4px solid var(--naj-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-primary);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924867174777,"sku":"NJ0120","price":9.59,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-20-hbl-500-ml-najel-lifestyle.webp?v=1770113107"},{"product_id":"gel-lavant-neutre-bio-1l-coslys","title":"Gel lavant neutre Bio - 1L - Coslys","description":"\u003cdiv class=\"gln-premium\"\u003e\n\u003cdiv class=\"gln-hero\"\u003e\n\u003cdiv class=\"gln-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gln-hero-content\"\u003e\n\u003cdiv class=\"gln-badges-top\"\u003e\n\u003cspan class=\"gln-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"gln-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gln-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e \u003cspan class=\"gln-badge\"\u003e🧴 Format 1L pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gln-hero-title\"\u003eGel lavant neutre Bio - 1L\u003c\/span\u003e\n\u003cp class=\"gln-subtitle\"\u003eCoslys • Corps, visage \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"gln-description\"\u003eLe soin lavant 3-en-1 sans sulfate, sans parfum, hypoallergénique - pour toute la famille, du bébé à l'adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eGel lavant neutre bio Coslys : le soin 3-en-1 pour toute la famille\u003c\/h2\u003e\n\u003cp class=\"gln-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel lavant neutre\u003c\/strong\u003e capable de prendre soin du \u003cstrong\u003evisage, du corps et des cheveux\u003c\/strong\u003e de toute la famille en un seul geste ?\u003c\/p\u003e\n\u003cdiv class=\"gln-grid-compact\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🧴 3-en-1\u003c\/h3\u003e\n\u003cp\u003eCorps, visage et cheveux réunis dans un seul flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdultes, enfants et bébés dès la naissance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eFormule adaptée à la grossesse, sans risque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic par Cosmécert, vegan et éthique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eUne formule douce au pH neutre, sans sulfate ni parfum\u003c\/h2\u003e\n\u003cp class=\"gln-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003egel lavant à pH neutre\u003c\/strong\u003e, c'est sa formule minimaliste pensée pour ne jamais agresser la peau. \u003cstrong\u003eSans sulfate, sans savon et sans parfum\u003c\/strong\u003e, elle respecte le film hydrolipidique naturel et convient parfaitement aux peaux sensibles, réactives ou à tendance atopique.\u003c\/p\u003e\n\u003cdiv class=\"gln-grid\"\u003e\n\u003cdiv class=\"gln-card gln-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Eau florale de fleur d'oranger bio\u003c\/h3\u003e\n\u003cp\u003eConnue pour ses vertus calmantes et adoucissantes, elle apaise les peaux irritées et procure une sensation de confort immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card gln-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Jus d'aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eVéritable allié hydratant, il aide à maintenir la souplesse et l'élasticité cutanée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-tip\"\u003e\n\u003cspan class=\"gln-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSa texture transparente mousse délicatement et se rince facilement, sans laisser de résidu sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cp class=\"gln-section-intro\"\u003eLe \u003cstrong\u003eCoslys gel lavant neutre\u003c\/strong\u003e n'est pas seulement doux : il est aussi exigeant sur la traçabilité et l'éthique.\u003c\/p\u003e\n\u003cdiv class=\"gln-grid\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🧪 97,5 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle soigneusement sélectionnés pour leur douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🌾 11 % bio\u003c\/h3\u003e\n\u003cp\u003eIssus de l'Agriculture Biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification par Cosmécert, le référentiel le plus exigeant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🩺 Hypoallergénique\u003c\/h3\u003e\n\u003cp\u003eTesté sous contrôle dermatologique pour les peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, éthique et responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France avec un savoir-faire cosmétique rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel lavant neutre bio ?\u003c\/h2\u003e\n\u003cdiv class=\"gln-timeline\"\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eMouillez la peau ou les cheveux à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de gel dans le creux de la main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eFaites mousser délicatement en massant le corps, le visage ou les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-tip\"\u003e\n\u003cspan class=\"gln-tip-icon\"\u003e🧴\u003c\/span\u003e\n\u003cp\u003eGrâce à son \u003cstrong\u003eformat 1 litre avec pompe\u003c\/strong\u003e, le dosage est précis et économique. Un seul flacon remplace votre gel douche, votre shampoing et votre nettoyant visage : un vrai gain de place dans la salle de bain !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eUn emballage éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"gln-grid-compact\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e♻️ 100 % recyclé\u003c\/h3\u003e\n\u003cp\u003eFlacon en plastique entièrement recyclé et rechargeable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🪣 Format 5L disponible\u003c\/h3\u003e\n\u003cp\u003eIdéal pour recharger votre flacon pompe et réduire vos déchets plastiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"gln-accordion\"\u003e\n\u003cdetails class=\"gln-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"gln-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n\u003cdiv class=\"gln-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Coco-Glucoside, Aloe Barbadensis Leaf Juice*, Glycerin, Sodium Coco-Sulfate, Citrus Aurantium Amara Flower Water*, Hydroxypropyl Guar, Citric Acid, Sodium Benzoate, Potassium Sorbate, Dehydroacetic Acid, Benzyl Alcohol.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gln-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePour qui est fait ce gel lavant ?\u003c\/h2\u003e\n\u003cdiv class=\"gln-grid\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e👶 Nourrissons\u003c\/h3\u003e\n\u003cp\u003eFormule hypoallergénique adaptée aux peaux fragiles dès la naissance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Familles\u003c\/h3\u003e\n\u003cp\u003eUn soin lavant familial sans compromis sur la composition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🧪 Base neutre\u003c\/h3\u003e\n\u003cp\u003eIdéal pour y ajouter vos propres huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-tip\"\u003e\n\u003cspan class=\"gln-tip-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003eExcellente alternative au \u003cstrong\u003egel lavant neutre de pharmacie\u003c\/strong\u003e pour les personnes à la peau fragile ou sujettes aux allergies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gln-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène externe. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gln-cream: #f4f8f5;\n --gln-white: #ffffff;\n --gln-primary: #3a9abf;\n --gln-primary-dark: #1a6b8a;\n --gln-primary-light: #e8f4f8;\n --gln-secondary: #6dbf4a;\n --gln-accent: #2e7d4f;\n --gln-text: #1a1a1a;\n --gln-text-light: #5a5a5a;\n --gln-border: #dde8e0;\n --gln-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gln-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gln-radius: 20px;\n --gln-radius-sm: 12px;\n}\n\n.gln-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gln-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gln-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.gln-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6b8a 0%, #3a9abf 45%, #6dbf4a 100%);\n border-radius: var(--gln-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gln-shadow-lg);\n}\n\n.gln-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gln-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gln-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gln-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gln-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gln-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gln-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gln-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gln-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gln-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gln-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gln-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gln-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gln-primary), var(--gln-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gln-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gln-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gln-card {\n background: var(--gln-white);\n border-radius: var(--gln-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gln-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gln-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gln-shadow-lg);\n border-color: var(--gln-primary);\n}\n\n.gln-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gln-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gln-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gln-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.gln-card-ingredient {\n border-left: 4px solid var(--gln-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.gln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gln-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gln-grid-compact .gln-card {\n padding: 1rem;\n}\n\n.gln-grid-compact .gln-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gln-grid-compact .gln-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gln-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gln-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gln-primary), var(--gln-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gln-timeline-content {\n flex: 1;\n background: var(--gln-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gln-radius-sm);\n box-shadow: var(--gln-shadow);\n}\n\n.gln-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gln-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gln-timeline-content p {\n font-size: 14px;\n color: var(--gln-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gln-testimonial {\n background: var(--gln-white);\n border-radius: var(--gln-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gln-shadow);\n border-left: 4px solid var(--gln-primary);\n}\n\n.gln-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gln-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gln-accordion {\n background: var(--gln-white);\n border-radius: var(--gln-radius);\n box-shadow: var(--gln-shadow);\n overflow: hidden;\n}\n\n.gln-accordion-item {\n border-bottom: 1px solid var(--gln-border);\n margin: 0;\n padding: 0;\n}\n\n.gln-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gln-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gln-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gln-accordion-header:hover {\n background: var(--gln-primary-light);\n}\n\n.gln-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gln-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gln-primary);\n transition: transform .2s ease;\n}\n\n.gln-accordion-item[open] .gln-accordion-header::after {\n content: '−';\n}\n\n.gln-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gln-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gln-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.gln-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.gln-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gln-primary-light);\n border-radius: var(--gln-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gln-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gln-tip p {\n font-size: 14px;\n color: var(--gln-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.gln-disclaimer {\n font-size: 12px;\n color: var(--gln-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gln-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gln-card {\n padding: 1.125rem;\n }\n\n .gln-section {\n margin-bottom: 1.75rem;\n }\n\n .gln-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gln-radius-sm);\n }\n\n .gln-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gln-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gln-grid-compact {\n gap: .625rem;\n }\n\n .gln-grid-compact .gln-card {\n padding: .75rem;\n }\n\n .gln-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gln-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gln-timeline-content h3 {\n font-size: 14px;\n }\n\n .gln-timeline-content p {\n font-size: 13px;\n }\n\n .gln-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gln-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gln-testimonial {\n padding: 1.25rem;\n }\n\n .gln-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gln-card {\n animation: glnFadeInUp .5s ease backwards;\n }\n .gln-card:nth-child(1) { animation-delay: .05s; }\n .gln-card:nth-child(2) { animation-delay: .1s; }\n .gln-card:nth-child(3) { animation-delay: .15s; }\n .gln-card:nth-child(4) { animation-delay: .2s; }\n .gln-card:nth-child(5) { animation-delay: .25s; }\n .gln-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes glnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gln-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55089106583929,"sku":"NBAILYS0126","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-lavant-neutre-bio-1l-coslys-lifestyle_f05f5a64-fe4f-443d-abd8-d8bec233fdaa.webp?v=1775209658"},{"product_id":"gelee-de-douche-adoucissante-fraise-tomate-coslys","title":"Gelée de douche adoucissante Fraise \u0026 Tomate bio - 1L - Coslys","description":"\u003cdiv class=\"cos-premium\"\u003e\n \u003cdiv class=\"cos-hero\"\u003e\n \u003cdiv class=\"cos-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cos-hero-content\"\u003e\n \u003cdiv class=\"cos-badges-top\"\u003e\n \u003cspan class=\"cos-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cos-badge\"\u003e🌱 98% naturel\u003c\/span\u003e\n \u003cspan class=\"cos-badge\"\u003e💧 0% sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cos-hero-title\"\u003eGelée de Douche Adoucissante Fraise \u0026amp; Tomate Bio\u003c\/span\u003e\n \u003cp class=\"cos-subtitle\"\u003eCoslys • 1L avec pompe • Peaux sensibles dès 3 ans\u003c\/p\u003e\n \u003cp class=\"cos-description\"\u003eOffrez à votre peau un véritable instant de douceur avec cette formule certifiée bio qui associe la délicatesse de la fraise à la richesse des pépins de tomate français. Chaque douche devient une parenthèse fruitée et apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cos-section\"\u003e\n \u003ch2\u003eUne formule douce, naturelle et écoresponsable\u003c\/h2\u003e\n \u003cp class=\"cos-section-intro\"\u003eSans savon, sans tensioactifs sulfatés et sans ingrédients controversés. Une base lavante végétale ultra-douce qui respecte l'équilibre fragile des peaux réactives, sans assécher ni tirailler.\u003c\/p\u003e\n \u003cdiv class=\"cos-grid-compact\"\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🌸 98% naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule qui réconcilie efficacité et tolérance cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eRespecte l'équilibre fragile des peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e♻️ Upcyclée\u003c\/h3\u003e\n \u003cp\u003eHuile de pépins de tomate issue des coproduits agroalimentaires français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🍃 Zéro gaspillage\u003c\/h3\u003e\n \u003cp\u003eValorise une matière première précieuse, riche en lycopène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cos-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"cos-grid\"\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🍅 Huile de pépins de tomate bio française\u003c\/h3\u003e\n \u003cp\u003eAntioxydante, hydratante et assouplissante, elle aide à préserver le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🍓 Extrait de fraise bio\u003c\/h3\u003e\n \u003cp\u003eApporte fraîcheur, souplesse et un parfum gourmand subtil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🌵 Aloé vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés apaisantes et hydratantes exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🌼 Eau florale de reine-des-prés bio\u003c\/h3\u003e\n \u003cp\u003eAdoucissante et confortable pour les épidermes sensibles et réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🧴 Base lavante végétale\u003c\/h3\u003e\n \u003cp\u003eDecyl glucoside et sodium cocoyl glutamate, doux et biodégradables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e✨ Ingrédients complémentaires\u003c\/h3\u003e\n \u003cp\u003eParfum naturel, colorant d'origine minérale, conservateurs doux autorisés en bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-tip\"\u003e\n \u003cspan class=\"cos-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertifications :\u003c\/strong\u003e COSMOS Organic by Ecocert, Cosmebio, Vegan, fabriquée en France, haute tolérance dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cos-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cos-timeline\"\u003e\n \u003cdiv class=\"cos-timeline-item\"\u003e\n \u003cdiv class=\"cos-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-content\"\u003e\n \u003ch3\u003e💧 Appliquez\u003c\/h3\u003e\n \u003cp\u003eUne noisette de gelée sur peau humide, sous la douche ou dans le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-item\"\u003e\n \u003cdiv class=\"cos-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-content\"\u003e\n \u003ch3\u003e🫧 Émulsionnez\u003c\/h3\u003e\n \u003cp\u003eDélicatement avec les mains, un gant ou une fleur de douche jusqu'à formation d'une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-item\"\u003e\n \u003cdiv class=\"cos-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincez\u003c\/h3\u003e\n \u003cp\u003eAbondamment à l'eau tiède, puis séchez en tamponnant pour préserver la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-item\"\u003e\n \u003cdiv class=\"cos-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cos-timeline-content\"\u003e\n \u003ch3\u003e👁️ En cas de contact avec les yeux\u003c\/h3\u003e\n \u003cp\u003eRincez immédiatement à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-tip\"\u003e\n \u003cspan class=\"cos-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour prolonger la sensation de douceur, complétez votre routine avec un \u003cstrong\u003elait corps hydratant\u003c\/strong\u003e appliqué sur peau légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cos-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette gelée de douche Coslys ?\u003c\/h2\u003e\n \u003cdiv class=\"cos-grid-compact\"\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🫧 Texture fondante\u003c\/h3\u003e\n \u003cp\u003eSe transforme en mousse onctueuse au contact de l'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🌞 Parfum de Provence\u003c\/h3\u003e\n \u003cp\u003eNotes vertes, fruitées et légèrement sucrées acidulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eDès 3 ans, y compris peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🛁 Format 1L économique\u003c\/h3\u003e\n \u003cp\u003eAvec pompe pratique, parfait pour la salle de bain familiale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'upcycling et à une fabrication 100% française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cos-card\"\u003e\n \u003ch3\u003e💚 Tolérance prouvée\u003c\/h3\u003e\n \u003cp\u003eHaute tolérance dermatologique testée sur peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cos-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"cos-accordion\"\u003e\n \u003cdetails class=\"cos-accordion-item\"\u003e\n \u003csummary class=\"cos-accordion-header\"\u003e🌵 Cette gelée convient-elle aux peaux très sèches ?\u003c\/summary\u003e\n \u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule adoucissante et sans sulfates respecte les peaux sèches et sensibles. Pour un confort maximal, associez-la à une crème hydratante après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cos-accordion-item\"\u003e\n \u003csummary class=\"cos-accordion-header\"\u003e👤 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est principalement formulée pour le corps. Pour le visage, privilégiez un nettoyant doux dédié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cos-accordion-item\"\u003e\n \u003csummary class=\"cos-accordion-header\"\u003e🌸 Le parfum est-il fort ?\u003c\/summary\u003e\n \u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il s'agit d'un parfum naturel discret, frais et fruité, qui ne persiste pas après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cos-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cos-cta-box\"\u003e\n \u003cp\u003e🍓🍅 Transformez chaque douche en une parenthèse fruitée et apaisante avec la signature bio et française de Coslys. Une douceur certifiée, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cos-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe et ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cos-cream: #fdf6f3;\n --cos-white: #ffffff;\n --cos-primary: #e8705a;\n --cos-primary-dark: #b8422d;\n --cos-primary-light: #fde4dc;\n --cos-secondary: #6fb3a8;\n --cos-accent: #f5a896;\n --cos-text: #2a1f1c;\n --cos-text-light: #6a5a55;\n --cos-border: #ecdfd9;\n --cos-shadow: 0 4px 24px rgba(184, 66, 45, .08);\n --cos-shadow-lg: 0 12px 48px rgba(184, 66, 45, .18);\n --cos-radius: 20px;\n --cos-radius-sm: 12px;\n }\n\n .cos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cos-text);\n }\n\n .cos-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a896 0%, #e8705a 50%, #6fb3a8 100%);\n border-radius: var(--cos-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cos-shadow-lg);\n }\n\n .cos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .5;\n }\n\n .cos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cos-hero-title {\n display: block;\n color: white;\n font-size: clamp(26px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.15;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n }\n\n .cos-subtitle {\n color: white;\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n }\n\n .cos-description {\n color: white;\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n }\n\n .cos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .cos-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .cos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .cos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .cos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cos-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .cos-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cos-primary), var(--cos-secondary));\n border-radius: 2px;\n }\n\n .cos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cos-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .cos-card {\n background: var(--cos-white);\n border-radius: var(--cos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .cos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cos-shadow-lg);\n border-color: var(--cos-primary);\n }\n\n .cos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .cos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cos-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .cos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .cos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .cos-grid-compact .cos-card {\n padding: 1rem;\n }\n\n .cos-grid-compact .cos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cos-grid-compact .cos-card p {\n font-size: 12px;\n }\n\n .cos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .cos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .cos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cos-primary), var(--cos-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n }\n\n .cos-timeline-content {\n flex: 1;\n background: var(--cos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cos-radius-sm);\n box-shadow: var(--cos-shadow);\n }\n\n .cos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cos-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .cos-timeline-content p {\n font-size: 14px;\n color: var(--cos-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .cos-accordion {\n background: var(--cos-white);\n border-radius: var(--cos-radius);\n box-shadow: var(--cos-shadow);\n overflow: hidden;\n }\n\n .cos-accordion-item {\n border-bottom: 1px solid var(--cos-border);\n margin: 0;\n padding: 0;\n }\n\n .cos-accordion-item:last-child {\n border-bottom: none;\n }\n\n .cos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cos-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .cos-accordion-header:hover {\n background: var(--cos-primary-light);\n }\n\n .cos-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .cos-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cos-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .cos-accordion-item[open] .cos-accordion-header::after {\n content: '−';\n }\n\n .cos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cos-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .cos-accordion-content p {\n margin: 0;\n }\n\n .cos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cos-primary-light);\n border-radius: var(--cos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n }\n\n .cos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .cos-tip p {\n font-size: 14px;\n color: var(--cos-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .cos-cta-box {\n background: linear-gradient(135deg, var(--cos-primary) 0%, var(--cos-primary-dark) 100%);\n border-radius: var(--cos-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cos-shadow-lg);\n }\n\n .cos-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n }\n\n .cos-disclaimer {\n font-size: 12px;\n color: var(--cos-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n }\n\n @media (max-width: 767px) {\n .cos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cos-card {\n padding: 1.125rem;\n }\n .cos-section {\n margin-bottom: 1.75rem;\n }\n .cos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cos-radius-sm);\n }\n .cos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cos-grid-compact {\n gap: .625rem;\n }\n .cos-grid-compact .cos-card {\n padding: .75rem;\n }\n .cos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cos-timeline-content {\n padding: .875rem 1rem;\n }\n .cos-timeline-content h3 {\n font-size: 14px;\n }\n .cos-timeline-content p {\n font-size: 13px;\n }\n .cos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .cos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cos-card:nth-child(1) { animation-delay: .05s; }\n .cos-card:nth-child(2) { animation-delay: .1s; }\n .cos-card:nth-child(3) { animation-delay: .15s; }\n .cos-card:nth-child(4) { animation-delay: .2s; }\n .cos-card:nth-child(5) { animation-delay: .25s; }\n .cos-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55616021528953,"sku":"NBAILYS0074","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-de-douche-adoucissante-fraise-tomate-bio-1l-coslys-packshothd.webp?v=1777630965"},{"product_id":"bouteille-en-verre-rechargeable-pimpant-250ml","title":"Bouteille en verre rechargeable Pimpant 250 mL – Pour Shampoing, Gel douche ou Lavant main","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e♻️ Réutilisable à l'infini\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🫙 Verre épais\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🧴 Pompe incluse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eBouteille en verre rechargeable Pimpant 250 mL\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePour shampoing, gel douche ou lavant main\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eFini les bouteilles en plastique qui s'accumulent. Faites le choix d'un contenant durable, élégant et réutilisable à l'infini, le pilier de votre routine zéro déchet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn flacon en verre pensé pour remplacer le plastique\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eChaque année, des milliards de bouteilles de shampoing et de gel douche finissent à la poubelle. Même vides, elles posent un vrai problème de recyclage.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🔄 Rechargez, réutilisez\u003c\/h3\u003e\n\u003cp\u003eLa question « où jeter une bouteille de shampoing ? » ne se pose plus. Vous la remplissez, vous l'utilisez, vous la rechargez. C'est aussi simple que ça.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💎 Verre épais et résistant\u003c\/h3\u003e\n\u003cp\u003eConçue pour supporter le quotidien dans une salle de bain ou près d'un lavabo, elle résiste aux manipulations répétées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✨ Design translucide épuré\u003c\/h3\u003e\n\u003cp\u003eSon esthétique minimaliste s'intègre naturellement à tous les intérieurs, loin des flacons colorés en plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Geste éco-responsable\u003c\/h3\u003e\n\u003cp\u003eUne seule bouteille en verre remplace des dizaines de flacons jetables sur plusieurs années. Moins de plastique, moins de déchets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eCompatible avec toutes vos recharges et préparations\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCette bouteille pour shampoing, gel douche ou lavant main est polyvalente. Voici comment vous pouvez l'utiliser au quotidien :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Shampoing rechargeable\u003c\/h3\u003e\n\u003cp\u003eVersez-y votre recharge Pimpant en poudre à reconstituer avec de l'eau, ou tout autre shampoing liquide que vous souhaitez transvaser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚿 Gel douche\u003c\/h3\u003e\n\u003cp\u003eIdéale pour accueillir vos recharges de gel douche et en finir avec les bouteilles de gel douche jetables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🫧 Savon liquide pour les mains\u003c\/h3\u003e\n\u003cp\u003ePlacée à côté du lavabo, elle remplace avantageusement les distributeurs en plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧪 Préparations maison\u003c\/h3\u003e\n\u003cp\u003eLotions, cosmétiques DIY, après-shampoing… le format 250 mL s'adapte à de nombreuses recettes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette bouteille en verre rechargeable ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet plastique\u003c\/h3\u003e\n\u003cp\u003eUne seule bouteille remplace des dizaines de flacons jetables sur plusieurs années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🫙 Verre de qualité\u003c\/h3\u003e\n\u003cp\u003eÉpais, stable, agréable au toucher, il ne se déforme pas et ne libère aucun microplastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Pompe doseuse incluse\u003c\/h3\u003e\n\u003cp\u003ePratique pour doser facilement votre shampoing ou votre gel douche sans en gaspiller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📐 Format 250 mL\u003c\/h3\u003e\n\u003cp\u003eSuffisamment compact pour ne pas encombrer, assez généreux pour durer plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🤍 Design minimaliste\u003c\/h3\u003e\n\u003cp\u003eLe flacon translucide avec le logo Pimpant apporte une touche sobre et moderne à votre salle de bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📏 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003e250 mL\u003c\/strong\u003e — le format idéal pour le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🫙 Matériau\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eVerre épais et résistant\u003c\/strong\u003e, conçu pour une utilisation durable dans la salle de bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧴 Fermeture\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003ePompe doseuse blanche incluse\u003c\/strong\u003e pour un dosage précis et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🔄 Utilisation\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eShampoing, gel douche, savon liquide, cosmétiques maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e♻️ Compatibilité\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eCompatible avec les éco-recharges Pimpant et tout produit liquide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧽 Entretien\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eRincer à l'eau tiède entre chaque recharge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment entretenir votre bouteille en verre ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eAvant chaque nouvelle recharge, rincez simplement l'intérieur à l'eau tiède pour éliminer les résidus du produit précédent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eChangez de produit en toute liberté\u003c\/h3\u003e\n\u003cp\u003eSi vous passez d'un shampoing à un gel douche, un rinçage soigneux suffit. Pas besoin de produit d'entretien spécifique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePosez-la sur une surface stable\u003c\/h3\u003e\n\u003cp\u003eÉvitez les chocs et posez-la sur une surface stable pour profiter de sa solidité sur la durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn passage occasionnel au vinaigre blanc dilué permet de retrouver toute la transparence du verre si un léger voile apparaît.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003eAdopter une bouteille de shampoing rechargeable en verre, c'est un petit geste du quotidien qui fait une vraie différence. Moins de plastique acheté, moins de déchets produits, et un accessoire qui embellit votre salle de bain. La bouteille Pimpant 250 mL est le point de départ idéal pour consommer de manière plus responsable, sans compromis sur le confort ni sur l'esthétique. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eBouteille en verre uniquement — recharges vendues séparément.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pp-cream: #f5f2ed;\n --pp-white: #ffffff;\n --pp-primary: #a8c4d4;\n --pp-primary-dark: #5b8aa5;\n --pp-primary-light: #e8f1f6;\n --pp-secondary: #d4c8b8;\n --pp-accent: #8fb8cd;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e0e0e0;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #b8d4e3 0%, #a8c4d4 40%, #d4c8b8 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%);\n opacity: .6;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":55711658148217,"sku":"NBAIPIM0016","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bouteille-en-verre-rechargeable-pimpant-250-ml-pour-shampoin-lifestyle.webp?v=1774548254"},{"product_id":"gel-douche-amande-douce-bio-1l-emma-noel","title":"Gel douche Amande Douce bio - 1L - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🌱 98 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e📦 Format familial 1 L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eGel douche Amande Douce bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUn gel douche certifié bio à l'huile d'amande douce, formulé pour transformer chaque douche en un véritable rituel de douceur pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eGel douche amande douce bio : la douceur au quotidien\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eEnvie d'un \u003cstrong\u003egel douche bio\u003c\/strong\u003e qui prend soin de votre peau sans compromis sur le plaisir ? Le \u003cstrong\u003egel douche Amande Douce Bio Emma Noël\u003c\/strong\u003e en format 1 litre vous offre une toilette tout en douceur, portée par un délicat parfum d'amande. Certifié \u003cstrong\u003eCOSMOS Organic par Ecocert\u003c\/strong\u003e et fabriqué en France, il allie exigence naturelle et sensorialité pour transformer chaque douche en véritable moment cocooning.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce gel douche à l'amande douce ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eSur le marché des gels douche bio, ce soin signé Emma Noël se distingue par plusieurs points forts concrets :\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 98 % de tensioactifs naturels\u003c\/h3\u003e\n \u003cp\u003eLa peau est nettoyée avec respect, sans sensation de tiraillement ni d'agression. Une base lavante d'une extrême douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés adoucissantes, elle laisse la peau souple et confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌸 Senteur gourmande et délicate\u003c\/h3\u003e\n \u003cp\u003eUn parfum d'amande subtilement sucré qui enveloppe sans être entêtant. Un vrai plaisir des sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Format familial 1 L avec pompe\u003c\/h3\u003e\n \u003cp\u003ePratique, économique et plus écologique qu'une succession de petits flacons. Un excellent choix pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire Emma Noël\u003c\/h3\u003e\n \u003cp\u003eUne marque française experte en huiles végétales bio depuis plus de 30 ans. L'assurance d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce gel douche bio ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eCe \u003cstrong\u003egel douche amande\u003c\/strong\u003e convient à toute la famille. Il est particulièrement apprécié par :\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🤍 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent davantage de confort et de douceur après la toilette quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes sensibles aux formules agressives qui souhaitent passer à un soin certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Familles nombreuses\u003c\/h3\u003e\n \u003cp\u003eUn grand format durable avec un rapport qualité-prix maîtrisé, parfait pour une consommation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce gel douche est formulé pour le corps des adultes. Pour les tout-petits, orientez-vous vers un \u003cstrong\u003egel douche bio bébé\u003c\/strong\u003e spécifiquement conçu pour leur peau fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eSur peau mouillée, utilisez la pompe doseuse pour prélever la juste quantité de produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser et massez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains ou sur un gant de toilette, puis massez délicatement l'ensemble du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eRincez et profitez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède et savourez la sensation de douceur sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e usage corporel uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\" open\u003e\n \u003csummary class=\"en-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Potassium Palm Kernelate**, Cellulose Gum, Glycerin, Sodium Cocoamphoacetate, Tetrasodium Glutamate Diacetate, Coco-Glucoside, Glyceryl Oleate, Elaeis Guineensis Kernel Oil*, Parfum, Potassium Benzoate, Potassium Sorbate, \u003cstrong\u003ePrunus Amygdalus Dulcis Oil**\u003c\/strong\u003e (huile d'amande douce), Lauryl Glucoside, Polyglyceryl-2 Dipolyhydroxystearate, Citric Acid, Tocopherol, Helianthus Annuus Seed Oil, Hydrogenated Palm Glycerides Citrate, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. **Ingrédients transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement qualité Emma Noël\u003c\/h2\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cp\u003eEn choisissant ce \u003cstrong\u003egel douche amande douce\u003c\/strong\u003e, vous soutenez une marque engagée dans une démarche responsable : certification bio rigoureuse, fabrication française et expertise reconnue dans les soins à base d'huiles végétales. Un geste simple pour votre peau et pour la planète. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique. En cas de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #f7f5f0;\n --en-white: #ffffff;\n --en-primary: #4ab48a;\n --en-primary-dark: #2e7d5e;\n --en-primary-light: #e8f5ee;\n --en-secondary: #d4836a;\n --en-accent: #e8a0c9;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #4ab48a 0%, #2e7d5e 50%, #3a9474 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.en-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.en-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.en-disclaimer {\n font-size: 12px;\n color: var(--en-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56199159873913,"sku":"NBAIEMM0010","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-amande-douce-bio-1l-emma-noel-packshothd.webp?v=1776174077"},{"product_id":"gel-douche-agrumes-bio-1-l-emma-noel","title":"Gel Douche à l'Huile d'Argan Bio - 1 L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche à l'Huile d'Argan Bio - Emma Noël\nPalette détectée:\n - Primaire: #8B2942 (bordeaux\/lie de vin de l'étiquette)\n - Secondaire: #D4A574 (doré\/amande, couleur des noix d'argan)\n - Accent: #E8B87D (orange doré chaud)\n - Cream: #FAF7F4 (beige clair du flacon)\nAmbiance: Orientale, chaleureuse, naturelle\/bio, luxe accessible, inspirée du Maroc\nPréfixe CSS: en\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce gel douche à l'huile d'argan bio ?\"\n 2. \"Les bienfaits de l'huile d'argan pour votre peau\"\n 3. \"Une formule certifiée bio et responsable\"\n 4. \"Composition complète (liste INCI)\"\n 5. \"Comment utiliser ce gel douche argan ?\"\n 6. \"À qui s'adresse ce gel douche bio ?\"\n 7. \"Gel douche liquide ou gel douche solide bio : que choisir ?\"\n 8. \"Précautions d'emploi\"\n 9. \"La marque Emma Noël : l'huile source de soin\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🧴 Format 1 Litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eGel Douche à l'Huile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUne expérience sensorielle aux notes orientales envoûtantes. L'or liquide du Maroc sublime votre peau à chaque douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche à l'huile d'argan bio ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eL'huile d'argan, surnommée « or liquide du Maroc », est reconnue depuis des siècles pour ses propriétés nourrissantes exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage respectueux\u003c\/h3\u003e\n \u003cp\u003eLa formule douce élimine les impuretés sans agresser le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan bio pénètre en profondeur pour nourrir l'épiderme et prévenir les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌸 Senteur orientale captivante\u003c\/h3\u003e\n \u003cp\u003eUn parfum chaleureux aux accords épicés et boisés qui persiste délicatement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e♻️ Format économique\u003c\/h3\u003e\n \u003cp\u003eLe flacon d'1 litre avec pompe réduit les emballages et convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'argan pour votre peau\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eUn trésor de la nature particulièrement adapté aux soins corporels quotidiens.\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e✨ Riche en vitamine E\u003c\/h3\u003e\n \u003cp\u003eCette vitamine antioxydante aide à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🥑 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eLes oméga 6 et 9 maintiennent l'hydratation naturelle et renforcent la barrière protectrice cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌿 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles ou réactives, l'huile d'argan calme les irritations et procure un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🪶 Texture soyeuse\u003c\/h3\u003e\n \u003cp\u003eVotre peau retrouve une douceur satinée sans effet gras ni résidu désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eUne formule certifiée bio et responsable\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eCertifié Cosmébio et contrôlé par Ecocert, ce gel douche garantit une composition saine et transparente.\u003c\/p\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌱 99%\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌾 11%\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSaponification traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, silicones, parabènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\"\u003e\n \u003csummary class=\"en-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients\u003c\/strong\u003e : Aqua, Potassium Palm Kernelate**, Cellulose Gum, Glycerin, Parfum*, Sodium Cocoamphoacetate, Elaeis Guineensis Kernel Oil*, Lauryl Glucoside, Polyglyceryl-2 Dipolyhydroxystearate, Coco-Glucoside, Glyceryl Oleate, Potassium Benzoate, Potassium Sorbate, \u003cstrong\u003eArgania Spinosa Kernel Oil**\u003c\/strong\u003e (huile d'argan), Citric Acid, Tocopherol, Hydrogenated Palm Glycerides Citrate, Citral, Limonene, Linalool, Geraniol, Benzyl Benzoate, Benzyl Salicylate, Farnesol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003cbr\u003e** Transformés à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche argan ?\u003c\/h2\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eUne noisette de produit dans le creux de votre main ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement sur peau mouillée en effectuant des mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eAbondamment à l'eau tiède de préférence pour préserver le confort de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eOption bain\u003c\/h3\u003e\n \u003cp\u003eVersez quelques pressions sous le jet d'eau pour créer une mousse légère et parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être\u003c\/strong\u003e : prenez le temps d'inspirer profondément les notes orientales pendant votre douche. Ce moment de détente olfactive contribue à évacuer le stress de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce gel douche bio ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Familles nombreuses\u003c\/h3\u003e\n \u003cp\u003eLe format 1 litre avec pompe est pratique et économique pour un usage quotidien par tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan apporte la nutrition nécessaire pour éviter les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa formule douce sans sulfates agressifs respecte les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🕌 Amateurs d'Orient\u003c\/h3\u003e\n \u003cp\u003eSi vous appréciez les parfums chauds et enveloppants, ce gel douche vous séduira.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003e\u003cem\u003eNote : pour les tout-petits, nous vous recommandons de vous orienter vers un gel douche bébé bio spécifiquement formulé pour leur peau délicate.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eGel douche liquide ou gel douche solide bio : que choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 Format liquide 1L\u003c\/h3\u003e\n \u003cp\u003eIdéal pour un usage familial à la maison, avec pompe pratique pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧼 Format solide\u003c\/h3\u003e\n \u003cp\u003eParfait pour les voyages ou pour réduire davantage les emballages plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes deux options peuvent se compléter selon vos besoins : le grand format à la maison, le solide en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\"\u003e\n \u003csummary class=\"en-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e. Évitez tout contact avec les yeux ; en cas de projection, rincez immédiatement à l'eau claire. Conservez le flacon à l'abri de la chaleur et de la lumière directe. En cas d'irritation ou de réaction cutanée inhabituelle, cessez l'utilisation et consultez un dermatologue ou votre médecin traitant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003e\u003cem\u003eCe produit cosmétique ne constitue pas un traitement médical et ne prétend à aucune vertu thérapeutique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLa marque Emma Noël : l'huile source de soin\u003c\/h2\u003e\n \u003cdiv class=\"en-testimonial\"\u003e\n \u003cp class=\"en-testimonial-text\"\u003eDepuis plus de 30 ans, Emma Noël perpétue un savoir-faire artisanal français dans la fabrication de savons et cosmétiques naturels. La marque s'engage pour une beauté responsable, en privilégiant les huiles végétales de qualité et les procédés de fabrication respectueux de l'environnement. Chaque produit Emma Noël incarne cette philosophie : des formules simples, efficaces et authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le soin qu'elle mérite avec ce gel douche à l'huile d'argan bio. Sa formule généreuse, son parfum oriental envoûtant et son format économique en font un allié précieux pour votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #FAF7F4;\n --en-white: #ffffff;\n --en-primary: #8B2942;\n --en-primary-dark: #6B1F33;\n --en-primary-light: #F5E8EB;\n --en-secondary: #D4A574;\n --en-accent: #E8B87D;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(139,41,66,.08);\n --en-shadow-lg: 0 12px 48px rgba(139,41,66,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #8B2942 0%, #A83350 40%, #D4A574 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.en-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.en-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.en-disclaimer {\n font-size: 12px;\n color: var(--en-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .en-card {\n padding: 1.125rem;\n }\n \n .en-section {\n margin-bottom: 1.75rem;\n }\n \n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n \n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .en-grid-compact {\n gap: .625rem;\n }\n \n .en-grid-compact .en-card {\n padding: .75rem;\n }\n \n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .en-timeline-content {\n padding: .875rem 1rem;\n }\n \n .en-timeline-content h3 {\n font-size: 14px;\n }\n \n .en-timeline-content p {\n font-size: 13px;\n }\n \n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .en-testimonial {\n padding: 1.25rem;\n }\n \n .en-testimonial-text {\n font-size: 14px;\n }\n \n .en-tip {\n padding: .875rem 1rem;\n }\n \n .en-tip-icon {\n font-size: 20px;\n }\n \n .en-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: fadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56241586864505,"sku":"NBAIEMM0014","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/geldoucheorientaleEmmaNoel.webp?v=1763645814"},{"product_id":"gel-douche-coco-bio-1-l-emma-noel","title":"Gel Douche Coco Bio - 1 L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Coco Bio - Emma Noël\nPalette détectée:\n - Primaire: #00A0C8 (bleu turquoise vibrant du packaging, évoque l'eau tropicale et la fraîcheur)\n - Secondaire: #E91E63 (rose fuchsia du logo lotus, féminin et dynamique)\n - Accent: #F5F5F0 (blanc cassé\/crème du flacon, douceur et pureté)\nAmbiance: Cosmétique naturel bio, univers tropical et frais, féminin mais accessible, évoque l'évasion et le bien-être. Style clean et moderne avec touche exotique.\nPréfixe CSS: enc\n--\u003e\n\n\u003cdiv class=\"enc-premium\"\u003e\n \n \u003cdiv class=\"enc-hero\"\u003e\n \u003cdiv class=\"enc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"enc-hero-content\"\u003e\n \u003cdiv class=\"enc-badges-top\"\u003e\n \u003cspan class=\"enc-badge\"\u003e🥥 Senteur noix de coco\u003c\/span\u003e\n \u003cspan class=\"enc-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"enc-badge\"\u003e💧 Format familial 1L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"enc-hero-title\"\u003eGel douche coco bio Emma Noël\u003c\/span\u003e\n \u003cp class=\"enc-subtitle\"\u003eL'évasion tropicale dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"enc-description\"\u003ePlongez dans une expérience sensorielle unique avec ce gel douche à la noix de coco certifié bio. Une texture onctueuse, un parfum envoûtant et une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi craquer pour ce gel douche ?\u003c\/h2\u003e\n \u003cdiv class=\"enc-grid\"\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eParfum authentique\u003c\/div\u003e\n \u003cp\u003eUn véritable voyage olfactif grâce à la senteur naturelle de noix de coco. Chaque douche devient un moment d'évasion sous les tropiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eCertifié bio\u003c\/div\u003e\n \u003cp\u003eLabellisé par Cosmébio, ce gel douche respecte un cahier des charges strict garantissant des ingrédients naturels et biologiques de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eTexture fondante\u003c\/div\u003e\n \u003cp\u003eUne formule gel crémeuse qui mousse délicatement au contact de l'eau, enveloppant votre peau d'une douceur incomparable sans l'assécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eÉco-responsable\u003c\/div\u003e\n \u003cp\u003eFormat économique de 1 litre avec pompe pratique, réduisant les emballages et offrant jusqu'à 40 douches pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e🧴\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eFormule douce\u003c\/div\u003e\n \u003cp\u003eSans sulfates agressifs, sans parabènes ni silicones. Convient à tous les types de peaux, même les plus sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e💝\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003ePlaisir quotidien\u003c\/div\u003e\n \u003cp\u003eTransformez votre routine hygiène en véritable rituel bien-être. La douche devient un moment de détente et de ressourcement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🧪 Composition naturelle et bienfaisante\u003c\/h2\u003e\n \u003cdiv class=\"enc-composition-grid\"\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eHuile de coco bio\u003c\/div\u003e\n \u003cp\u003eHydrate en profondeur, nourrit et adoucit la peau tout en laissant un parfum délicat et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eBase lavante végétale\u003c\/div\u003e\n \u003cp\u003eTensioactifs doux dérivés de sources végétales, nettoient efficacement sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eGlycérine végétale\u003c\/div\u003e\n \u003cp\u003eAgent hydratant naturel qui maintient l'équilibre hydrique de la peau et prévient la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eExtraits botaniques\u003c\/div\u003e\n \u003cp\u003eActifs végétaux apaisants et protecteurs qui renforcent la barrière cutanée naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-certification-box\"\u003e\n \u003cdiv class=\"enc-cert-icon\"\u003e✓\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eCosmébio certifié\u003c\/strong\u003e - Minimum 95% d'ingrédients d'origine naturelle et 10% d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🚿 Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"enc-steps\"\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eMouillez votre peau\u003c\/div\u003e\n \u003cp\u003eSous la douche ou dans le bain, humidifiez généreusement votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eAppliquez le gel\u003c\/div\u003e\n \u003cp\u003ePompez 2 à 3 doses de gel douche dans votre main ou sur une fleur de douche pour plus de mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eMassez délicatement\u003c\/div\u003e\n \u003cp\u003eFaites mousser en effectuant des mouvements circulaires sur l'ensemble du corps. Profitez du parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eRincez abondamment\u003c\/div\u003e\n \u003cp\u003eÉliminez la mousse à l'eau claire. Votre peau est propre, douce et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-tip-box\"\u003e\n \u003cspan class=\"enc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Pour un moment encore plus relaxant, utilisez ce gel sous une eau tiède (pas trop chaude) et terminez par un jet d'eau fraîche pour tonifier la peau et fermer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est fait ce gel douche ?\u003c\/h2\u003e\n \u003cdiv class=\"enc-grid\"\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e👩\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes amoureuses du bio\u003c\/div\u003e\n \u003cp\u003eVous privilégiez les cosmétiques naturels et certifiés pour prendre soin de votre peau en conscience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e🏝️\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes rêveuses d'évasion\u003c\/div\u003e\n \u003cp\u003eVous adorez les senteurs gourmandes et exotiques qui transforment la douche en parenthèse tropicale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes familles éco-responsables\u003c\/div\u003e\n \u003cp\u003eFormat économique et pompe pratique, idéal pour toute la famille avec une formule douce pour tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes peaux sensibles\u003c\/div\u003e\n \u003cp\u003eFormule sans sulfates agressifs ni substances controversées, respectueuse des épidermes délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e📊 Les avantages en chiffres\u003c\/h2\u003e\n \u003cdiv class=\"enc-stats-grid\"\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e1 L\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003eFormat généreux\u003c\/div\u003e\n \u003cp\u003eEnviron 40 douches pour un usage familial économique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e95%\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003eIngrédients naturels\u003c\/div\u003e\n \u003cp\u003eFormule à base d'actifs d'origine végétale et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003ePlaisir sous la douche\u003c\/div\u003e\n \u003cp\u003eUn parfum envoûtant qui persiste délicatement sur la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003eSubstances nocives\u003c\/div\u003e\n \u003cp\u003eSans parabènes, silicones, sulfates agressifs ni colorants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003eℹ️ Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"enc-info-grid\"\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003e1 litre (1000 ml)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eEmma Noël\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eCosmébio Bio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eSenteur\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eNoix de coco\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003ePackaging\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eFlacon pompe recyclable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eUsage\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eToute la famille\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"enc-warning-box\"\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e🚪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation optimale.\u003c\/strong\u003e Conserver à température ambiante, à l'abri de la lumière directe et de l'humidité excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTest cutané recommandé.\u003c\/strong\u003e En cas de peau très sensible, testez le produit sur une petite zone avant la première utilisation complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"enc-cta-box\"\u003e\n \u003cdiv class=\"enc-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"enc-cta-content\"\u003e\n \u003cp\u003eOffrez-vous une expérience de douche naturelle et sensorielle avec ce gel douche bio à la noix de coco. Un format familial généreux, une formule certifiée bio et un parfum envoûtant qui transforme chaque douche en moment d'évasion tropicale. Votre peau et la planète vous diront merci !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --enc-cream: #fafaf8;\n --enc-white: #ffffff;\n --enc-primary: #00A0C8;\n --enc-primary-dark: #007a9c;\n --enc-primary-light: #e6f7fb;\n --enc-secondary: #E91E63;\n --enc-accent: #4DD0E1;\n\n \/* Textes *\/\n --enc-text: #1a1a1a;\n --enc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --enc-border: #e0e0e0;\n --enc-shadow: 0 4px 24px rgba(0,160,200,.08);\n --enc-shadow-lg: 0 12px 48px rgba(0,160,200,.15);\n --enc-radius: 20px;\n --enc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.enc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--enc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.enc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--enc-primary) 0%, var(--enc-accent) 50%, var(--enc-secondary) 100%);\n border-radius: var(--enc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.enc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.enc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.enc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--enc-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.enc-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.enc-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.enc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.enc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.enc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.enc-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--enc-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.enc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--enc-primary), var(--enc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.enc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.enc-card {\n background: var(--enc-white);\n border-radius: var(--enc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--enc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.enc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--enc-shadow-lg);\n border-color: var(--enc-primary);\n}\n\n.enc-card-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.enc-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .75rem;\n}\n\n.enc-card p {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.enc-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.enc-ingredient-card {\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--enc-shadow);\n border-left: 4px solid var(--enc-primary);\n transition: all .3s ease;\n}\n\n.enc-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-ingredient-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n}\n\n.enc-ingredient-name {\n font-size: 18px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .5rem;\n}\n\n.enc-ingredient-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n.enc-certification-box {\n background: linear-gradient(135deg, var(--enc-primary-light) 0%, rgba(233,30,99,.08) 100%);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n border: 2px solid var(--enc-primary);\n}\n\n.enc-cert-icon {\n font-size: 32px;\n font-weight: 900;\n color: var(--enc-primary);\n background: var(--enc-white);\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.enc-certification-box p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.enc-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.enc-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--enc-shadow);\n transition: all .3s ease;\n}\n\n.enc-step:hover {\n transform: translateX(8px);\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-step-number {\n font-size: 32px;\n font-weight: 900;\n color: var(--enc-white);\n background: linear-gradient(135deg, var(--enc-primary), var(--enc-accent));\n width: 56px;\n height: 56px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(0,160,200,.3);\n}\n\n.enc-step-content {\n flex: 1;\n}\n\n.enc-step-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .5rem;\n display: block;\n}\n\n.enc-step-content p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n.enc-tip-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFE082 100%);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border: 2px solid #FFD54F;\n}\n\n.enc-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.enc-tip-box p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--enc-text);\n margin: 0;\n}\n\n\/* === PROFILES === *\/\n.enc-profile-card {\n background: var(--enc-white);\n border-radius: var(--enc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--enc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.enc-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--enc-shadow-lg);\n border-color: var(--enc-secondary);\n}\n\n.enc-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.enc-profile-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .75rem;\n}\n\n.enc-profile-card p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n\/* === STATS === *\/\n.enc-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.enc-stat-card {\n background: linear-gradient(135deg, var(--enc-primary) 0%, var(--enc-accent) 100%);\n border-radius: var(--enc-radius-sm);\n padding: 2rem 1.5rem;\n text-align: center;\n box-shadow: var(--enc-shadow-lg);\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.enc-stat-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.2) 0%, transparent 70%);\n opacity: 0;\n transition: opacity .3s ease;\n}\n\n.enc-stat-card:hover {\n transform: translateY(-8px) scale(1.02);\n}\n\n.enc-stat-card:hover::before {\n opacity: 1;\n}\n\n.enc-stat-number {\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: white;\n margin-bottom: .5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n position: relative;\n z-index: 1;\n}\n\n.enc-stat-label {\n font-size: 16px;\n font-weight: 700;\n color: rgba(255,255,255,.95);\n margin-bottom: .75rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n position: relative;\n z-index: 1;\n}\n\n.enc-stat-card p {\n font-size: 14px;\n line-height: 1.5;\n color: rgba(255,255,255,.85);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === INFO GRID === *\/\n.enc-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.enc-info-item {\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--enc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.enc-info-item:hover {\n transform: translateY(-4px);\n border-color: var(--enc-primary);\n}\n\n.enc-info-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.enc-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--enc-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.enc-info-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n}\n\n\/* === WARNING === *\/\n.enc-warning-box {\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 2rem;\n box-shadow: var(--enc-shadow);\n border-left: 4px solid #FF6B6B;\n}\n\n.enc-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.enc-warning-item:last-child {\n margin-bottom: 0;\n}\n\n.enc-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.enc-warning-item p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text);\n margin: 0;\n}\n\n\/* === CTA === *\/\n.enc-cta-box {\n background: linear-gradient(135deg, var(--enc-primary) 0%, var(--enc-primary-dark) 100%);\n border-radius: var(--enc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 30% 20%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.enc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.enc-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .enc-grid,\n .enc-composition-grid,\n .enc-stats-grid,\n .enc-info-grid {\n grid-template-columns: 1fr;\n }\n \n .enc-badges-top {\n flex-direction: column;\n align-items: center;\n }\n \n .enc-step {\n flex-direction: column;\n text-align: center;\n }\n \n .enc-step-number {\n margin: 0 auto;\n }\n \n .enc-certification-box,\n .enc-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .enc-card,\n .enc-profile-card,\n .enc-stat-card,\n .enc-ingredient-card,\n .enc-step,\n .enc-info-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .enc-card:nth-child(1),\n .enc-profile-card:nth-child(1),\n .enc-ingredient-card:nth-child(1),\n .enc-step:nth-child(1) { animation-delay: .1s; }\n \n .enc-card:nth-child(2),\n .enc-profile-card:nth-child(2),\n .enc-ingredient-card:nth-child(2),\n .enc-step:nth-child(2) { animation-delay: .2s; }\n \n .enc-card:nth-child(3),\n .enc-profile-card:nth-child(3),\n .enc-ingredient-card:nth-child(3),\n .enc-step:nth-child(3) { animation-delay: .3s; }\n \n .enc-card:nth-child(4),\n .enc-profile-card:nth-child(4),\n .enc-ingredient-card:nth-child(4),\n .enc-step:nth-child(4) { animation-delay: .4s; }\n \n .enc-card:nth-child(5),\n .enc-profile-card:nth-child(5) { animation-delay: .5s; }\n \n .enc-card:nth-child(6),\n .enc-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .enc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .enc-premium {\n --enc-shadow: 0 0 0 2px currentColor;\n --enc-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .enc-premium {\n background: white;\n }\n \n .enc-hero,\n .enc-cta-box {\n background: white !important;\n color: black !important;\n }\n \n .enc-card,\n .enc-stat-card {\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349177020793,"sku":"NBAIEMM0013","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_noix_de_coco_emma_noel_11zon.jpg?v=1766068505"},{"product_id":"gel-douche-citron-de-sicile-bio","title":"Gel Douche Citron de Sicile Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Citron de Sicile Bio - Emma Noël\nPalette détectée:\n - Primaire: #FFD500 (jaune vif citron du packaging)\n - Secondaire: #E91E8C (rose fuchsia du logo lotus)\n - Accent: #FFF9E6 (jaune pâle citronné)\n - Blanc: #FFFFFF (fond du flacon)\n - Vert: #2D7D3B (vert des feuilles)\nAmbiance: Bio\/naturel, frais et énergisant, féminin, propre et lumineux\nStyle: Cosmétique bio premium, design épuré, certification BIO, format familial économique\nPréfixe CSS: en\n--\u003e\n\u003cdiv class=\"en-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🍋 Citron de Sicile\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e💧 Format 1L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eGel Douche Citron de Sicile Bio\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003eLa fraîcheur méditerranéenne pour toute la famille\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003eUn gel douche bio au parfum vivifiant de citron de Sicile, enrichi en huiles végétales nourrissantes. Une formule douce et naturelle qui nettoie, hydrate et laisse la peau délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS FORTS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e✨ Pourquoi choisir ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e100% Bio \u0026amp; naturel\u003c\/h3\u003e\n\u003cp\u003eFormule certifiée bio par Ecocert, sans ingrédients controversés. Respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch3\u003eCitron de Sicile authentique\u003c\/h3\u003e\n\u003cp\u003eParfum frais et vivifiant aux notes d'agrumes naturels pour un réveil énergisant sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eFormule douce\u003c\/h3\u003e\n\u003cp\u003eNettoie en douceur sans dessécher. Convient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eHuiles végétales nourrissantes\u003c\/h3\u003e\n\u003cp\u003eEnrichi en huiles végétales bio qui hydratent et protègent la barrière cutanée naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule adaptée aux adultes et enfants dès 3 ans. Un seul produit pour simplifier votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch3\u003eFormat économique 1L\u003c\/h3\u003e\n\u003cp\u003eGrand format avec pompe pratique. Jusqu'à 3 mois d'utilisation pour une famille de 4 personnes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e🧪 Une composition clean et transparente\u003c\/h2\u003e\n\u003cdiv class=\"en-composition-grid\"\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch4\u003eHuile essentielle de citron bio\u003c\/h4\u003e\n\u003cp\u003eTonifiante, purifiante et rafraîchissante. Apporte le parfum vivifiant et les propriétés antiseptiques naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🌻\u003c\/div\u003e\n\u003ch4\u003eHuiles végétales bio\u003c\/h4\u003e\n\u003cp\u003eNourrissent en profondeur et maintiennent l'hydratation naturelle de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🧼\u003c\/div\u003e\n\u003ch4\u003eBase lavante douce\u003c\/h4\u003e\n\u003cp\u003eTensioactifs d'origine végétale pour une mousse onctueuse sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch4\u003eSans substances controversées\u003c\/h4\u003e\n\u003cp\u003eSans sulfates, sans parabènes, sans silicones, sans colorants synthétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e🚿 Mode d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"en-steps\"\u003e\n\u003cdiv class=\"en-step\"\u003e\n\u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-step-content\"\u003e\n\u003ch4\u003eAppliquez sur peau mouillée\u003c\/h4\u003e\n\u003cp\u003eSous la douche, versez une noisette de gel sur une éponge, un gant ou directement sur la peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-step\"\u003e\n\u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-step-content\"\u003e\n\u003ch4\u003eFaites mousser délicatement\u003c\/h4\u003e\n\u003cp\u003eMassez en mouvements circulaires pour créer une mousse onctueuse. Profitez du parfum frais et vivifiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-step\"\u003e\n\u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-step-content\"\u003e\n\u003ch4\u003eRincez abondamment\u003c\/h4\u003e\n\u003cp\u003eRincez à l'eau claire. Votre peau est propre, douce et délicatement parfumée au citron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e💆♀️ Les bienfaits pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"en-benefits-grid\"\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003ePeau nettoyée en profondeur\u003c\/h4\u003e\n\u003cp\u003eÉlimine efficacement les impuretés et l'excès de sébum sans dessécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eHydratation préservée\u003c\/h4\u003e\n\u003cp\u003eLes huiles végétales maintiennent l'équilibre hydrique naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003ePeau douce et souple\u003c\/h4\u003e\n\u003cp\u003eTexture soyeuse sans tiraillements ni sensations de sécheresse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch4\u003eParfum frais durable\u003c\/h4\u003e\n\u003cp\u003eSenteur d'agrumes naturelle qui persiste délicatement sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eRespecte le microbiome\u003c\/h4\u003e\n\u003cp\u003eFormule douce qui préserve la flore cutanée protectrice\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eEffet tonifiant\u003c\/h4\u003e\n\u003cp\u003eLe citron apporte une sensation de fraîcheur et d'énergie revitalisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch4\u003eToute la famille\u003c\/h4\u003e\n\u003cp\u003eAdapté aux adultes et enfants dès 3 ans pour un moment de fraîcheur partagé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eAmateurs de bio\u003c\/h4\u003e\n\u003cp\u003ePour ceux qui recherchent des cosmétiques naturels, sains et certifiés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e💚\u003c\/div\u003e\n\u003ch4\u003ePeaux sensibles\u003c\/h4\u003e\n\u003cp\u003eFormule douce et hypoallergénique respectueuse des épidermes fragiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e🍋\u003c\/div\u003e\n\u003ch4\u003eFans d'agrumes\u003c\/h4\u003e\n\u003cp\u003ePour les amoureux des parfums frais, pétillants et vivifiants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e♻️\u003c\/div\u003e\n\u003ch4\u003eConsommateurs responsables\u003c\/h4\u003e\n\u003cp\u003ePour ceux qui privilégient les formats économiques et éco-responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e🏃♀️\u003c\/div\u003e\n\u003ch4\u003ePersonnes actives\u003c\/h4\u003e\n\u003cp\u003eIdéal après le sport pour une douche tonifiante et énergisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA MARQUE --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e🌸 Emma Noël, l'huile source de soin\u003c\/h2\u003e\n\u003cdiv class=\"en-brand-content\"\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e🏛️\u003c\/div\u003e\n\u003ch4\u003eExpertise reconnue\u003c\/h4\u003e\n\u003cp\u003eEmma Noël est une marque française pionnière dans les huiles végétales et les cosmétiques bio depuis plus de 30 ans. Une expertise unique au service de votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eEngagement bio authentique\u003c\/h4\u003e\n\u003cp\u003eTous les produits sont certifiés bio par Ecocert et formulés avec des ingrédients naturels de première qualité, sélectionnés avec soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch4\u003eFabrication française\u003c\/h4\u003e\n\u003cp\u003eDes produits conçus et fabriqués en France selon des normes strictes de qualité et dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e💚\u003c\/div\u003e\n\u003ch4\u003eValeurs fortes\u003c\/h4\u003e\n\u003cp\u003eUne marque engagée pour la protection de l'environnement, le bien-être animal et une cosmétique éthique et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"en-info-grid\"\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003e1L (1000ml)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eCertification\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eCosmétique bio Ecocert\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eFormat\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eFlacon pompe pratique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eParfum\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eCitron de Sicile naturel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eType de peau\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eTous types, même sensibles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eÂge\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eAdultes et enfants dès 3 ans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eUsage\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eQuotidien matin et\/ou soir\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"en-warning-box\"\u003e\n\u003cdiv class=\"en-warning-content\"\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e🧴\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e À conserver à l'abri de la chaleur et de la lumière directe. Refermer le flacon après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e⏱️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDurée d'utilisation :\u003c\/strong\u003e À utiliser de préférence dans les 12 mois après ouverture pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e🩺\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEn cas d'irritation ou de réaction allergique,\u003c\/strong\u003e cesser l'utilisation et consulter un professionnel de santé si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e💡 Nos conseils d'experts\u003c\/h2\u003e\n\u003cdiv class=\"en-tips-grid\"\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e🌅\u003c\/div\u003e\n\u003ch4\u003eDouche tonifiante du matin\u003c\/h4\u003e\n\u003cp\u003eUtilisez ce gel douche le matin pour profiter de l'effet énergisant du citron. Le parfum frais vous aide à démarrer la journée du bon pied !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e🧘♀️\u003c\/div\u003e\n\u003ch4\u003eMoment de détente\u003c\/h4\u003e\n\u003cp\u003ePrenez le temps de masser votre peau en respirant profondément le parfum d'agrumes. Un véritable moment de bien-être aromathérapeutique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eHydratation après\u003c\/h4\u003e\n\u003cp\u003ePour une peau parfaitement nourrie, appliquez une huile ou un lait corporel bio Emma Noël juste après la douche sur peau légèrement humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch4\u003eGeste éco-responsable\u003c\/h4\u003e\n\u003cp\u003ePensez à recycler le flacon vide ! Le format 1L réduit les déchets plastiques par rapport aux petits formats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e🏃♂️\u003c\/div\u003e\n\u003ch4\u003eAprès le sport\u003c\/h4\u003e\n\u003cp\u003eIdéal après une séance de sport : le citron aide à rafraîchir et purifier la peau tout en éliminant les odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e☀️\u003c\/div\u003e\n\u003ch4\u003eÉté comme hiver\u003c\/h4\u003e\n\u003cp\u003eUne senteur d'agrumes universelle et intemporelle, agréable toute l'année. Rafraîchissante l'été, revitalisante l'hiver !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"en-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cdiv class=\"en-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-cta-content\"\u003e\n\u003cdiv class=\"en-cta-icon\"\u003e🍋✨\u003c\/div\u003e\n\u003cp\u003eOffrez à votre peau un bain de fraîcheur méditerranéenne avec ce gel douche bio au citron de Sicile. Format économique 1L pour toute la famille, certifié bio et fabriqué en France avec amour. Une routine beauté saine, naturelle et vivifiante qui respecte votre peau et la planète !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --en-cream: #FFFEF8;\n --en-white: #ffffff;\n --en-primary: #FFD500;\n --en-primary-dark: #E6C000;\n --en-primary-light: #FFF9E6;\n --en-secondary: #E91E8C;\n --en-accent: #2D7D3B;\n\n \/* Textes *\/\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n\n \/* Effets *\/\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--en-text);\n}\n\n\/* === HERO SECTION === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #FFE066 0%, #FFD500 40%, #FFC700 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.05) 35px, rgba(255, 255, 255, 0.05) 70px);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n line-height: 1.1;\n}\n\n.en-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n.en-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--en-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.en-premium h4 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 700;\n color: var(--en-text);\n margin: 0 0 0.5rem 0;\n}\n\n.en-premium p {\n color: var(--en-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.en-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-ingredient-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid var(--en-primary);\n transition: all 0.3s ease;\n}\n\n.en-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-ingredient-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n\/* === ÉTAPES === *\/\n.en-steps {\n display: grid;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.en-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--en-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n transition: all 0.3s ease;\n}\n\n.en-step:hover {\n transform: translateX(10px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(255, 213, 0, 0.3);\n}\n\n.en-step-content {\n flex: 1;\n}\n\n\/* === BIENFAITS === *\/\n.en-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-benefit-card {\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n transition: all 0.3s ease;\n}\n\n.en-benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n border-left-color: var(--en-secondary);\n}\n\n.en-benefit-icon {\n font-size: 32px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n\/* === PROFILS === *\/\n.en-profile-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-profile-emoji {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === MARQUE === *\/\n.en-brand-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-brand-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n transition: all 0.3s ease;\n}\n\n.en-brand-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-brand-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.en-info-card {\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--en-shadow);\n text-align: center;\n border: 2px solid var(--en-primary-light);\n transition: all 0.3s ease;\n}\n\n.en-info-card:hover {\n transform: scale(1.05);\n border-color: var(--en-primary);\n}\n\n.en-info-label {\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--en-text-light);\n margin-bottom: 0.5rem;\n}\n\n.en-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.en-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFFEF8 100%);\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--en-primary);\n box-shadow: var(--en-shadow);\n}\n\n.en-warning-content {\n display: grid;\n gap: 1.25rem;\n}\n\n.en-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-warning-item p {\n color: var(--en-text);\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === CONSEILS === *\/\n.en-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.en-tip-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border-top: 4px solid var(--en-accent);\n transition: all 0.3s ease;\n}\n\n.en-tip-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-tip-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, #E91E8C 0%, #C71878 50%, #A01264 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-icon {\n font-size: 48px;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid,\n .en-composition-grid,\n .en-benefits-grid,\n .en-brand-content,\n .en-tips-grid {\n grid-template-columns: 1fr;\n }\n\n .en-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .en-step {\n flex-direction: column;\n text-align: center;\n }\n\n .en-step-number {\n margin: 0 auto 1rem auto;\n }\n}\n\n@media (max-width: 480px) {\n .en-info-grid {\n grid-template-columns: 1fr;\n }\n\n .en-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-ingredient-card,\n .en-benefit-card,\n .en-profile-card,\n .en-brand-card,\n .en-tip-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .en-card:nth-child(1) { animation-delay: 0.1s; }\n .en-card:nth-child(2) { animation-delay: 0.2s; }\n .en-card:nth-child(3) { animation-delay: 0.3s; }\n .en-card:nth-child(4) { animation-delay: 0.4s; }\n .en-card:nth-child(5) { animation-delay: 0.5s; }\n .en-card:nth-child(6) { animation-delay: 0.6s; }\n\n .en-ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .en-ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .en-ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .en-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n\n .en-step:nth-child(1) { animation: fadeInUp 0.6s ease backwards 0.1s; }\n .en-step:nth-child(2) { animation: fadeInUp 0.6s ease backwards 0.2s; }\n .en-step:nth-child(3) { animation: fadeInUp 0.6s ease backwards 0.3s; }\n\n .en-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .en-benefit-card:nth-child(2) { animation-delay: 0.15s; }\n .en-benefit-card:nth-child(3) { animation-delay: 0.2s; }\n .en-benefit-card:nth-child(4) { animation-delay: 0.25s; }\n .en-benefit-card:nth-child(5) { animation-delay: 0.3s; }\n .en-benefit-card:nth-child(6) { animation-delay: 0.35s; }\n\n .en-profile-card:nth-child(1) { animation-delay: 0.1s; }\n .en-profile-card:nth-child(2) { animation-delay: 0.2s; }\n .en-profile-card:nth-child(3) { animation-delay: 0.3s; }\n .en-profile-card:nth-child(4) { animation-delay: 0.4s; }\n .en-profile-card:nth-child(5) { animation-delay: 0.5s; }\n .en-profile-card:nth-child(6) { animation-delay: 0.6s; }\n\n .en-brand-card:nth-child(1) { animation-delay: 0.1s; }\n .en-brand-card:nth-child(2) { animation-delay: 0.2s; }\n .en-brand-card:nth-child(3) { animation-delay: 0.3s; }\n .en-brand-card:nth-child(4) { animation-delay: 0.4s; }\n\n .en-tip-card:nth-child(1) { animation-delay: 0.1s; }\n .en-tip-card:nth-child(2) { animation-delay: 0.15s; }\n .en-tip-card:nth-child(3) { animation-delay: 0.2s; }\n .en-tip-card:nth-child(4) { animation-delay: 0.25s; }\n .en-tip-card:nth-child(5) { animation-delay: 0.3s; }\n .en-tip-card:nth-child(6) { animation-delay: 0.35s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium *,\n .en-premium *::before,\n .en-premium *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-premium {\n --en-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n --en-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);\n }\n\n .en-card,\n .en-ingredient-card,\n .en-benefit-card,\n .en-profile-card,\n .en-brand-card,\n .en-tip-card,\n .en-info-card {\n border: 2px solid var(--en-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .en-premium {\n background: white;\n padding: 0;\n }\n\n .en-hero,\n .en-card,\n .en-ingredient-card,\n .en-benefit-card,\n .en-profile-card,\n .en-brand-card,\n .en-tip-card {\n box-shadow: none;\n break-inside: avoid;\n }\n\n .en-cta-box {\n display: none;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349340991865,"sku":"NBAIEMM0011","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_citron_de_sicile_emma_noel_3__11zon.jpg?v=1766068374"},{"product_id":"gel-douche-monoi-bio-1l","title":"Gel Douche Monoï Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Monoï Bio - Emma Noël\nPalette détectée:\n - Primaire: #FDB714 (jaune éclatant de l'étiquette, évoquant le soleil et la chaleur tropicale)\n - Secondaire: #E91E7A (rose fuchsia du logo Emma Noël)\n - Accent: #FFE5B4 (beige\/crème doux pour l'ambiance plage)\nAmbiance: Cosmétique naturel\/bio premium, univers tropical et ensoleillé, spa en bord de mer, fleurs de Tiaré, relaxation et évasion, certifié bio\nPréfixe CSS: mn\n--\u003e\n\u003cdiv class=\"mn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mn-hero\"\u003e\n\u003cdiv class=\"mn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mn-hero-content\"\u003e\n\u003cdiv class=\"mn-badges-top\"\u003e\n\u003cspan class=\"mn-badge\"\u003e🌺 Certifié bio\u003c\/span\u003e \u003cspan class=\"mn-badge\"\u003e🌴 Parfum monoï\u003c\/span\u003e \u003cspan class=\"mn-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mn-hero-title\"\u003eGel douche monoï bio\u003c\/span\u003e\n\u003cp class=\"mn-subtitle\"\u003eL'évasion tropicale dans votre salle de bain\u003c\/p\u003e\n\u003cp class=\"mn-description\"\u003eTransformez votre douche quotidienne en moment d'exception avec ce gel douche au monoï authentique. Sa formule certifiée bio enveloppe votre peau d'un parfum envoûtant de fleurs de Tiaré, tout en respectant votre épiderme et l'environnement. Format généreux de 1L pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-grid\"\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003eParfum authentique\u003c\/h3\u003e\n\u003cp\u003eVéritable senteur de monoï de Tahiti qui vous transporte instantanément sous les tropiques. Une fragrance enivrante qui perdure délicatement sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eFormule certifiée bio\u003c\/h3\u003e\n\u003cp\u003eLabelisée Cosmébio, cette formule respecte une charte stricte : ingrédients naturels, sans parabènes, sans sulfates agressifs, testée dermatologiquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eTexture onctueuse\u003c\/h3\u003e\n\u003cp\u003eGel doux qui mousse généreusement au contact de l'eau, enveloppant votre peau d'une mousse légère et crémeuse pour un nettoyage tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003ePeau nourrie\u003c\/h3\u003e\n\u003cp\u003eEnrichi en huile source de soin, ce gel douche nettoie sans dessécher. Votre peau reste souple, hydratée et délicatement parfumée après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3\u003eEngagement écologique\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe rechargeable, formule biodégradable, ingrédients issus de l'agriculture biologique. Un geste beauté qui respecte la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e💰\u003c\/div\u003e\n\u003ch3\u003eFormat économique\u003c\/h3\u003e\n\u003cp\u003eFlacon de 1L ultra-généreux, idéal pour toute la famille. Un investissement malin pour des mois de plaisir sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eUne composition naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"mn-composition-intro\"\u003e\n\u003cp\u003eEmma Noël sélectionne avec soin chaque ingrédient pour créer des produits d'hygiène qui allient efficacité et respect de votre peau. Ce gel douche est formulé avec :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-grid\"\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n\u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n\u003cp\u003eBase lavante douce et naturelle, elle nettoie délicatement sans agresser l'épiderme. Reconnue pour ses propriétés nourrissantes et adoucissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003eParfum naturel monoï\u003c\/h3\u003e\n\u003cp\u003eFragrance authentique qui capture l'essence des fleurs de Tiaré macérées dans l'huile de coco. Un voyage olfactif immédiat vers les îles polynésiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAgents hydratants naturels\u003c\/h3\u003e\n\u003cp\u003eGlycérine végétale et extraits botaniques qui maintiennent l'hydratation de la peau et préviennent la sensation de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3\u003eSans ingrédients controversés\u003c\/h3\u003e\n\u003cp\u003eFormule garantie sans parabènes, sans silicones, sans colorants synthétiques, sans sulfates agressifs (SLS\/SLES). Respect total de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-usage-grid\"\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eMouiller la peau\u003c\/h3\u003e\n\u003cp\u003eSous la douche, mouillez votre corps à l'eau tiède pour ouvrir les pores et préparer la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eAppliquer le gel\u003c\/h3\u003e\n\u003cp\u003ePompez une ou deux doses de gel douche dans vos mains ou sur un gant de toilette. Une petite quantité suffit grâce à sa texture concentrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement sur tout le corps en mouvements circulaires. Profitez du parfum envoûtant qui se libère au contact de l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire jusqu'à élimination complète de la mousse. Votre peau est propre, douce et délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-tip-box\"\u003e\n\u003cdiv class=\"mn-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv class=\"mn-tip-text\"\u003e\n\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Pour prolonger le plaisir, appliquez après la douche une huile végétale ou un lait hydratant. L'accord avec une huile de monoï sublimera encore davantage le parfum tropical sur votre peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eLes bienfaits ressentis dès la première utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mn-results-grid\"\u003e\n\u003cdiv class=\"mn-result-card\"\u003e\n\u003cdiv class=\"mn-result-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"mn-result-content\"\u003e\n\u003ch3\u003eDès la première douche\u003c\/h3\u003e\n\u003cp\u003ePeau propre et fraîche sans sensation de tiraillement. Parfum tropical envoûtant qui persiste plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-result-card\"\u003e\n\u003cdiv class=\"mn-result-icon\"\u003e💆♀️\u003c\/div\u003e\n\u003cdiv class=\"mn-result-content\"\u003e\n\u003ch3\u003eAprès 1 semaine\u003c\/h3\u003e\n\u003cp\u003ePeau visiblement plus souple et douce au toucher. L'hydratation naturelle de l'épiderme est préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-result-card\"\u003e\n\u003cdiv class=\"mn-result-icon\"\u003e🌺\u003c\/div\u003e\n\u003cdiv class=\"mn-result-content\"\u003e\n\u003ch3\u003eUsage régulier\u003c\/h3\u003e\n\u003cp\u003eConfort cutané optimal, peau durablement nourrie et protégée. Un moment de bien-être quotidien qui transforme la routine en rituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-grid mn-target-grid\"\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch3\u003eToute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée à tous les types de peaux, même sensibles. Convient aux adultes et enfants à partir de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du bio\u003c\/h3\u003e\n\u003cp\u003eCelles et ceux qui privilégient les cosmétiques certifiés, naturels et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e🏝️\u003c\/div\u003e\n\u003ch3\u003eAmoureux des parfums tropicaux\u003c\/h3\u003e\n\u003cp\u003eSi vous aimez les fragrances ensoleillées, florales et exotiques qui évoquent les vacances et l'évasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003ePeaux déshydratées\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous recherchez un nettoyant qui ne dessèche pas, grâce à ses agents hydratants naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mn-warning-box\"\u003e\n\u003cdiv class=\"mn-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"mn-warning-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e : éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConservation\u003c\/strong\u003e : refermer soigneusement le flacon après usage. Conserver à l'abri de la chaleur et de la lumière directe.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllergies\u003c\/strong\u003e : bien que formulé avec des ingrédients naturels, testez le produit sur une petite zone si vous avez la peau très réactive.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnfants\u003c\/strong\u003e : utilisation sous la surveillance d'un adulte pour les enfants de moins de 6 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"mn-grid mn-info-grid\"\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e📦\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eContenance\u003c\/h4\u003e\n\u003cp\u003e1 litre (1000 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e🏷️\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eCertification\u003c\/h4\u003e\n\u003cp\u003eCosmébio \/ Bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eOrigine\u003c\/h4\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003ePackaging\u003c\/h4\u003e\n\u003cp\u003eFlacon pompe rechargeable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e🌺\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eParfum\u003c\/h4\u003e\n\u003cp\u003eMonoï de Tahiti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eTexture\u003c\/h4\u003e\n\u003cp\u003eGel onctueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA MARQUE EMMA NOËL --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eEmma Noël, l'excellence des huiles bio depuis 1995\u003c\/h2\u003e\n\u003cdiv class=\"mn-brand-box\"\u003e\n\u003cdiv class=\"mn-brand-content\"\u003e\n\u003cp\u003eDepuis près de 30 ans, \u003cstrong\u003eEmma Noël\u003c\/strong\u003e est la référence française en matière d'huiles végétales biologiques et de cosmétiques naturels. Spécialiste reconnue, la marque s'engage pour :\u003c\/p\u003e\n\u003cul class=\"mn-brand-values\"\u003e\n\u003cli\u003e🌿 Une sélection rigoureuse d'ingrédients issus de l'agriculture biologique\u003c\/li\u003e\n\u003cli\u003e🔬 Des formules élaborées dans le respect de la peau et de l'environnement\u003c\/li\u003e\n\u003cli\u003e🇫🇷 Une fabrication française garante de qualité et de traçabilité\u003c\/li\u003e\n\u003cli\u003e🌍 Un engagement éthique et écologique dans toute la chaîne de production\u003c\/li\u003e\n\u003cli\u003e💚 Des produits certifiés par des organismes indépendants (Cosmébio, Ecocert)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eAvec Emma Noël, vous choisissez une marque pionnière du bio qui allie expertise, authenticité et respect de la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mn-cta-box\"\u003e\n\u003cdiv class=\"mn-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mn-cta-content\"\u003e\n\u003cdiv class=\"mn-cta-icon\"\u003e🌺\u003c\/div\u003e\n\u003cp\u003eOffrez-vous une parenthèse tropicale à chaque douche avec ce gel monoï bio d'exception. Un format généreux de 1L pour partager le plaisir en famille et transformer votre salle de bain en véritable spa polynésien.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eL'évasion commence ici, sous votre douche !\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --mn-cream: #FAF8F5;\n --mn-white: #ffffff;\n --mn-primary: #FDB714;\n --mn-primary-dark: #E09E00;\n --mn-primary-light: #FFF4DC;\n --mn-secondary: #E91E7A;\n --mn-accent: #FFE5B4;\n\n \/* Textes *\/\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mn-border: #e0e0e0;\n --mn-shadow: 0 4px 24px rgba(253, 183, 20, 0.12);\n --mn-shadow-lg: 0 12px 48px rgba(253, 183, 20, 0.25);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mn-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, #FDB714 0%, #FFC850 50%, #FFE5B4 100%);\n border-radius: var(--mn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,0.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);\n}\n\n.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.mn-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: lowercase;\n}\n\n.mn-subtitle {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: rgba(255, 255, 255, 0.95);\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.mn-description {\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.9);\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.mn-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mn-primary), var(--mn-secondary));\n border-radius: 2px;\n}\n\n.mn-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--mn-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.mn-premium h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.mn-premium p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--mn-text-light);\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n height: 100%;\n}\n\n.mn-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-icon {\n font-size: clamp(42px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION === *\/\n.mn-composition-intro {\n background: linear-gradient(135deg, var(--mn-primary-light), var(--mn-accent));\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-composition-intro p {\n color: var(--mn-text);\n font-size: 16px;\n font-weight: 500;\n margin: 0;\n}\n\n.mn-ingredient {\n text-align: center;\n}\n\n.mn-ingredient-icon {\n font-size: clamp(48px, 7vw, 64px);\n margin-bottom: 1rem;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mn-usage-grid {\n display: grid;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.mn-usage-step {\n display: flex;\n gap: 1.5rem;\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n align-items: flex-start;\n transition: all 0.3s ease;\n}\n\n.mn-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(253, 183, 20, 0.3);\n}\n\n.mn-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.mn-tip-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--mn-secondary), #c41a65);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n color: white;\n align-items: center;\n}\n\n.mn-tip-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mn-tip-text {\n font-size: 15px;\n line-height: 1.7;\n}\n\n.mn-tip-text strong {\n display: block;\n font-size: 17px;\n margin-bottom: 0.5rem;\n}\n\n\/* === RÉSULTATS === *\/\n.mn-results-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.mn-result-card {\n display: flex;\n gap: 1.5rem;\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n align-items: center;\n border-left: 4px solid var(--mn-primary);\n transition: all 0.3s ease;\n}\n\n.mn-result-card:hover {\n transform: translateX(8px);\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-result-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mn-result-content h3 {\n color: var(--mn-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n\/* === CIBLES === *\/\n.mn-target {\n text-align: center;\n}\n\n.mn-target-icon {\n font-size: clamp(48px, 7vw, 64px);\n margin-bottom: 1rem;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.mn-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF4DC, #FFE5B4);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mn-warning-content ul {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.mn-warning-content li {\n margin-bottom: 1rem;\n padding-left: 1.5rem;\n position: relative;\n color: var(--mn-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n.mn-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n.mn-warning-content li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--mn-primary);\n font-weight: 900;\n font-size: 20px;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.mn-info-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n.mn-info-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 0.75rem;\n}\n\n.mn-info-icon {\n font-size: 42px;\n}\n\n.mn-info-text h4 {\n margin-bottom: 0.25rem;\n}\n\n.mn-info-text p {\n font-size: 15px;\n font-weight: 600;\n color: var(--mn-text);\n}\n\n\/* === MARQUE === *\/\n.mn-brand-box {\n background: linear-gradient(135deg, var(--mn-white), var(--mn-primary-light));\n border-radius: var(--mn-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid var(--mn-primary);\n}\n\n.mn-brand-content p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--mn-text);\n margin-bottom: 1.5rem;\n}\n\n.mn-brand-content p:last-child {\n margin-bottom: 0;\n}\n\n.mn-brand-values {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n}\n\n.mn-brand-values li {\n padding: 0.75rem 0;\n font-size: 15px;\n font-weight: 600;\n color: var(--mn-text);\n border-bottom: 1px solid var(--mn-border);\n}\n\n.mn-brand-values li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA FINAL === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-primary-dark) 100%);\n border-radius: var(--mn-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mn-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 30% 20%, rgba(255,255,255,0.3) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(255,255,255,0.2) 0%, transparent 50%);\n}\n\n.mn-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mn-cta-icon {\n font-size: clamp(56px, 8vw, 72px);\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n}\n\n.mn-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin-bottom: 1rem;\n}\n\n.mn-cta-box p:last-child {\n margin-bottom: 0;\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mn-grid {\n grid-template-columns: 1fr;\n }\n \n .mn-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .mn-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .mn-step-number {\n margin: 0 auto;\n }\n \n .mn-result-card,\n .mn-tip-box,\n .mn-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mn-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .mn-card:nth-child(1) { animation-delay: 0.1s; }\n .mn-card:nth-child(2) { animation-delay: 0.2s; }\n .mn-card:nth-child(3) { animation-delay: 0.3s; }\n .mn-card:nth-child(4) { animation-delay: 0.4s; }\n .mn-card:nth-child(5) { animation-delay: 0.5s; }\n .mn-card:nth-child(6) { animation-delay: 0.6s; }\n \n .mn-usage-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .mn-usage-step:nth-child(1) { animation-delay: 0.1s; }\n .mn-usage-step:nth-child(2) { animation-delay: 0.2s; }\n .mn-usage-step:nth-child(3) { animation-delay: 0.3s; }\n .mn-usage-step:nth-child(4) { animation-delay: 0.4s; }\n \n .mn-result-card {\n animation: fadeInRight 0.6s ease backwards;\n }\n \n .mn-result-card:nth-child(1) { animation-delay: 0.1s; }\n .mn-result-card:nth-child(2) { animation-delay: 0.2s; }\n .mn-result-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mn-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mn-premium {\n --mn-shadow: 0 0 0 2px currentColor;\n --mn-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === FOCUS === *\/\n.mn-badge:focus,\n.mn-card:focus,\n.mn-usage-step:focus {\n outline: 3px solid var(--mn-primary);\n outline-offset: 4px;\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349394862457,"sku":"NBAIEMM0020","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_monoi_emma_noel_1__11zon.jpg?v=1766068643"},{"product_id":"gel-douche-rose-de-damas-bio-1l-emma-noel","title":"Gel douche Rose de Damas Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel douche Rose de Damas Bio - Emma Noël\nPalette détectée:\n - Primaire: #F272A3 (Rose vif du packaging central)\n - Secondaire: #E84E8A (Rose plus intense pour accents)\n - Accent: #FFC4DD (Rose pâle pour backgrounds doux)\n - Vert Bio: #7CB342 (Pour badge bio)\nAmbiance: Féminin, délicat, naturel\/bio, soin premium, romantique avec la rose de Damas\nStyle suggéré: Élégant, doux, naturel avec une touche de luxe floral\nPréfixe CSS: rdg (rose-damas-gel)\n--\u003e\n\n\u003cdiv class=\"rdg-premium\"\u003e\n \u003cdiv class=\"rdg-hero\"\u003e\n \u003cdiv class=\"rdg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rdg-hero-content\"\u003e\n \u003cdiv class=\"rdg-badges-top\"\u003e\n \u003cspan class=\"rdg-badge\"\u003e🌸 Rose de Damas\u003c\/span\u003e\n \u003cspan class=\"rdg-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"rdg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rdg-hero-title\"\u003eGel douche Rose de Damas\u003c\/span\u003e\n \u003cp class=\"rdg-subtitle\"\u003eL'essence précieuse de la reine des fleurs pour votre peau\u003c\/p\u003e\n \u003cp class=\"rdg-description\"\u003eUn moment de bien-être quotidien avec la délicate senteur de la rose de Damas, cultivée de manière biologique. Une formule douce qui respecte l'équilibre naturel de votre peau tout en l'enveloppant d'un parfum floral envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la rose de Damas\u003c\/h2\u003e\n \u003cdiv class=\"rdg-grid\"\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e🌹\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eParfum envoûtant\u003c\/div\u003e\n \u003cp\u003eLa rose de Damas offre une fragrance florale délicate et raffinée qui persiste délicatement sur la peau après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eNettoyage en douceur\u003c\/div\u003e\n \u003cp\u003eFormule onctueuse qui nettoie efficacement sans agresser, respectant le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003ePeau apaisée\u003c\/div\u003e\n \u003cp\u003ePropriétés apaisantes et adoucissantes reconnues de la rose pour une peau douce et confortable après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003e100% bio\u003c\/div\u003e\n \u003cp\u003eCertifié biologique, sans parabènes, sans sulfates agressifs, pour un soin respectueux de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e🌸 La rose de Damas, trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"rdg-info-box\"\u003e\n \u003cdiv class=\"rdg-info-content\"\u003e\n \u003cp\u003eLa rose de Damas (Rosa damascena) est considérée depuis l'Antiquité comme la reine des fleurs. Cultivée traditionnellement au Moyen-Orient, elle est réputée pour son parfum incomparable et ses propriétés cosmétiques exceptionnelles.\u003c\/p\u003e\n \u003cp\u003eIl faut environ \u003cstrong\u003e4 tonnes de pétales\u003c\/strong\u003e pour obtenir 1 litre d'essence pure de rose de Damas, ce qui en fait l'un des ingrédients les plus précieux en cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"rdg-values-row\"\u003e\n \u003cdiv class=\"rdg-value-item\"\u003e\n \u003cdiv class=\"rdg-value-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"rdg-value-label\"\u003eBio certifié\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-value-item\"\u003e\n \u003cdiv class=\"rdg-value-number\"\u003e1L\u003c\/div\u003e\n \u003cdiv class=\"rdg-value-label\"\u003eFormat économique\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-value-item\"\u003e\n \u003cdiv class=\"rdg-value-number\"\u003e0%\u003c\/div\u003e\n \u003cdiv class=\"rdg-value-label\"\u003eParabènes \u0026amp; sulfates\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e💆‍♀️ Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rdg-steps\"\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eHumidifiez votre peau\u003c\/div\u003e\n \u003cp\u003eSous la douche ou dans le bain, mouillez généreusement votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eAppliquez le gel\u003c\/div\u003e\n \u003cp\u003eVersez une petite quantité de gel dans le creux de votre main ou sur une éponge douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eMassez délicatement\u003c\/div\u003e\n \u003cp\u003eFaites mousser en massant sur tout le corps avec des mouvements circulaires pour profiter du parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eRincez abondamment\u003c\/div\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire et savourez la douceur de votre peau délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rdg-grid\"\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eAmatrices de senteurs florales\u003c\/div\u003e\n \u003cp\u003ePour toutes celles qui apprécient les parfums délicats et raffinés de la rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eAdeptes du bio\u003c\/div\u003e\n \u003cp\u003ePour les personnes soucieuses d'utiliser des produits naturels certifiés biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003ePeaux sensibles\u003c\/div\u003e\n \u003cp\u003eFormule douce adaptée aux peaux délicates grâce à ses propriétés apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eÉco-responsables\u003c\/div\u003e\n \u003cp\u003eFormat 1L économique et écologique qui limite les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"rdg-info-grid\"\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e📏\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003e1 litre (1000ml)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eEmma Noël\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eBIO certifié\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🚿\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eUtilisation\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eCorps \u0026amp; mains\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e⏱️\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eDurée\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003e~2-3 mois\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rdg-warning-box\"\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e🧴\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e Conserver à l'abri de la lumière et de la chaleur. Refermer le flacon après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTest d'allergie :\u003c\/strong\u003e En cas de peau très sensible, effectuer un test dans le pli du coude avant première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rdg-cta-box\"\u003e\n \u003cdiv class=\"rdg-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rdg-cta-content\"\u003e\n \u003cp class=\"rdg-cta-title\"\u003e🌹 Offrez-vous l'expérience Rose de Damas\u003c\/p\u003e\n \u003cp class=\"rdg-cta-text\"\u003eTransformez votre routine douche en un moment de pure délicatesse avec ce gel douche bio au parfum envoûtant. Format 1L pour des semaines de bien-être floral !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --rdg-cream: #fef9f7;\n --rdg-white: #ffffff;\n --rdg-primary: #F272A3;\n --rdg-primary-dark: #E84E8A;\n --rdg-primary-light: #FFF0F6;\n --rdg-secondary: #FFC4DD;\n --rdg-accent: #7CB342;\n \n \/* Textes *\/\n --rdg-text: #1a1a1a;\n --rdg-text-light: #5a5a5a;\n \n \/* Effets *\/\n --rdg-border: #ffe0ed;\n --rdg-shadow: 0 4px 24px rgba(242, 114, 163, 0.12);\n --rdg-shadow-lg: 0 12px 48px rgba(242, 114, 163, 0.2);\n --rdg-radius: 20px;\n --rdg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rdg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rdg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rdg-hero {\n position: relative;\n background: linear-gradient(135deg, #F272A3 0%, #E84E8A 50%, #FFC4DD 100%);\n border-radius: var(--rdg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.05) 20px, rgba(255, 255, 255, 0.05) 40px);\n}\n\n.rdg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rdg-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.rdg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rdg-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.rdg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.rdg-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.rdg-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.rdg-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.rdg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rdg-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rdg-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rdg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rdg-primary), var(--rdg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rdg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.rdg-card {\n background: var(--rdg-white);\n border-radius: var(--rdg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rdg-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.rdg-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rdg-shadow-lg);\n border-color: var(--rdg-primary);\n}\n\n.rdg-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.rdg-card-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--rdg-primary-dark);\n margin-bottom: 0.75rem;\n text-align: center;\n}\n\n.rdg-card p {\n color: var(--rdg-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n text-align: center;\n}\n\n\/* === INFO BOX === *\/\n.rdg-info-box {\n background: linear-gradient(135deg, var(--rdg-primary-light) 0%, rgba(255, 240, 246, 0.5) 100%);\n border-radius: var(--rdg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--rdg-border);\n}\n\n.rdg-info-content p {\n color: var(--rdg-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin-bottom: 1.25rem;\n}\n\n.rdg-info-content p:last-of-type {\n margin-bottom: 2rem;\n}\n\n.rdg-values-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n}\n\n.rdg-value-item {\n text-align: center;\n padding: 1.5rem;\n background: var(--rdg-white);\n border-radius: var(--rdg-radius-sm);\n box-shadow: 0 2px 12px rgba(242, 114, 163, 0.08);\n}\n\n.rdg-value-number {\n font-size: clamp(32px, 5vw, 42px);\n font-weight: 900;\n color: var(--rdg-primary);\n margin-bottom: 0.5rem;\n letter-spacing: -0.02em;\n}\n\n.rdg-value-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--rdg-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n\/* === ÉTAPES === *\/\n.rdg-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.rdg-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--rdg-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--rdg-radius);\n box-shadow: var(--rdg-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.rdg-step:hover {\n transform: translateX(8px);\n border-color: var(--rdg-primary);\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rdg-primary), var(--rdg-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(242, 114, 163, 0.3);\n}\n\n.rdg-step-content {\n flex: 1;\n}\n\n.rdg-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--rdg-primary-dark);\n margin-bottom: 0.5rem;\n display: block;\n}\n\n.rdg-step-content p {\n color: var(--rdg-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rdg-card-profile {\n text-align: center;\n}\n\n.rdg-profile-icon {\n font-size: 64px;\n margin-bottom: 1rem;\n}\n\n\/* === INFO GRID === *\/\n.rdg-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.rdg-info-card {\n background: var(--rdg-white);\n padding: 1.5rem;\n border-radius: var(--rdg-radius-sm);\n text-align: center;\n box-shadow: var(--rdg-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.rdg-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--rdg-primary);\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-info-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n}\n\n.rdg-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--rdg-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n}\n\n.rdg-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--rdg-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.rdg-warning-box {\n background: var(--rdg-white);\n border-radius: var(--rdg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--rdg-border);\n display: grid;\n gap: 1.5rem;\n}\n\n.rdg-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rdg-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.rdg-warning-item p {\n color: var(--rdg-text);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n.rdg-warning-item strong {\n color: var(--rdg-primary-dark);\n font-weight: 700;\n}\n\n\/* === CTA FINAL === *\/\n.rdg-cta-box {\n background: linear-gradient(135deg, var(--rdg-primary) 0%, var(--rdg-primary-dark) 100%);\n border-radius: var(--rdg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 20% 20%, white 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, white 0%, transparent 50%);\n}\n\n.rdg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rdg-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n letter-spacing: -0.02em;\n}\n\n.rdg-cta-text {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rdg-grid {\n grid-template-columns: 1fr;\n }\n \n .rdg-step {\n flex-direction: column;\n text-align: center;\n }\n \n .rdg-step-number {\n margin: 0 auto 1rem;\n }\n \n .rdg-info-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rdg-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .rdg-card:nth-child(1) { animation-delay: 0.1s; }\n .rdg-card:nth-child(2) { animation-delay: 0.2s; }\n .rdg-card:nth-child(3) { animation-delay: 0.3s; }\n .rdg-card:nth-child(4) { animation-delay: 0.4s; }\n .rdg-card:nth-child(5) { animation-delay: 0.5s; }\n .rdg-card:nth-child(6) { animation-delay: 0.6s; }\n \n .rdg-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .rdg-step:nth-child(1) { animation-delay: 0.1s; }\n .rdg-step:nth-child(2) { animation-delay: 0.2s; }\n .rdg-step:nth-child(3) { animation-delay: 0.3s; }\n .rdg-step:nth-child(4) { animation-delay: 0.4s; }\n \n .rdg-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .rdg-info-card:nth-child(1) { animation-delay: 0.1s; }\n .rdg-info-card:nth-child(2) { animation-delay: 0.2s; }\n .rdg-info-card:nth-child(3) { animation-delay: 0.3s; }\n .rdg-info-card:nth-child(4) { animation-delay: 0.4s; }\n .rdg-info-card:nth-child(5) { animation-delay: 0.5s; }\n .rdg-info-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rdg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rdg-card,\n .rdg-info-card,\n .rdg-step {\n border-color: var(--rdg-primary);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349499228537,"sku":"NBAIEMM0019","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_rose_de_damas_emma_noel_ambiance.jpg?v=1766068598"},{"product_id":"savon-liquide-huile-dargan-bio-1l-emma-noel","title":"Savon liquide huile d'argan bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon liquide à l'huile d'argan bio Emma Noël\nPalette détectée:\n - Primaire: #D84A3C (rouge-orangé terracotta du packaging)\n - Secondaire: #E8935E (orange chaleureux)\n - Accent: #F4B942 (or\/jaune chaud de l'huile d'argan)\nAmbiance: Cosmétique bio naturel, chaleur méditerranéenne\/orientale, authenticité artisanale, bien-être spa, certifié biologique\nPréfixe CSS: en\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e💧 Format économique 1L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eSavon liquide à l'huile d'argan bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël - L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUn savon liquide ultra-doux enrichi en précieuse huile d'argan bio, pour nettoyer et nourrir votre peau en un seul geste. Format économique 1 litre pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon à l'huile d'argan ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eHuile d'argan bio\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eEnrichi en véritable huile d'argan bio du Maroc, réputée pour ses propriétés nourrissantes, assouplissantes et régénérantes exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eNettoyage doux\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eFormule ultra-douce qui nettoie efficacement sans agresser, respecte l'équilibre naturel de votre peau et convient aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003e100% bio \u0026amp; naturel\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eCertifié biologique, sans sulfates agressifs, sans parabènes, sans colorants synthétiques. Formule respectueuse de votre peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003ePour toute la famille\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eConvient à tous les types de peaux et à toute la famille. Format économique 1L avec pompe pratique pour un usage quotidien prolongé.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🌊\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eHydratation préservée\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eNe dessèche pas la peau grâce à l'huile d'argan qui maintient l'hydratation naturelle et laisse une sensation de douceur après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eFormat généreux\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eFlacon pompe de 1 litre pour plusieurs mois d'utilisation. Économique, pratique et écologique grâce à son format familial rechargeable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eL'or du Maroc au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"en-composition-intro\"\u003e\n \u003cp\u003eEmma Noël sélectionne avec soin les ingrédients de ses produits. Ce savon liquide bio est formulé autour de l'huile d'argan, trésor de la cosmétique naturelle marocaine, reconnue mondialement pour ses bienfaits exceptionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eHuile d'argan bio\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eExtraite des amandons de l'arganier du Maroc, cette huile précieuse est naturellement riche en vitamine E, en acides gras essentiels et en antioxydants. Elle nourrit, assouplit et protège la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eBase lavante douce\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eTensioactifs végétaux doux dérivés de plantes, qui nettoient efficacement sans agresser le film hydrolipidique naturel de la peau. Mousse onctueuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eGlycérine végétale\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eAgent hydratant naturel qui retient l'eau dans les couches superficielles de l'épiderme, maintient la souplesse et prévient le dessèchement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eExtraits végétaux\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eSynergie d'extraits de plantes bio aux propriétés apaisantes, adoucissantes et protectrices pour une peau parfaitement confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"en-steps\"\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eMouillez vos mains\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003ePassez vos mains sous l'eau tiède pour préparer la peau au nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eAppliquez une dose\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003ePressez 1 à 2 fois la pompe pour obtenir une noisette de savon dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eFaites mousser\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003eFrottez vos mains l'une contre l'autre pour créer une mousse onctueuse et parfumée. Massez pendant 20 secondes minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eRincez abondamment\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003eRincez soigneusement à l'eau claire jusqu'à élimination complète de la mousse. Séchez en tamponnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-usage-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Utilisable également sous la douche sur tout le corps pour une peau nettoyée et nourrie. Convient aussi comme savon pour le visage si votre peau le tolère bien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'argan sur votre peau\u003c\/h2\u003e\n \u003cdiv class=\"en-benefits-wrapper\"\u003e\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eHydratation profonde\u003c\/div\u003e\n \u003cp\u003eL'huile d'argan pénètre facilement dans l'épiderme et maintient un niveau d'hydratation optimal. La peau reste souple, douce et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eProtection antioxydante\u003c\/div\u003e\n \u003cp\u003eRiche en vitamine E et en polyphénols, l'huile d'argan protège la peau contre les radicaux libres et le stress oxydatif, ralentissant ainsi le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eRégénération cellulaire\u003c\/div\u003e\n \u003cp\u003eLes acides gras essentiels stimulent le renouvellement cellulaire, améliorent l'élasticité et participent à la réparation des tissus cutanés abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eApaisement et douceur\u003c\/div\u003e\n \u003cp\u003ePropriétés calmantes et adoucissantes idéales pour les peaux sensibles, réactives ou sujettes aux rougeurs. Réduit les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePour qui ce savon est-il idéal ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e👶\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003ePeaux sensibles\u003c\/div\u003e\n \u003cp\u003eFormule ultra-douce sans sulfates agressifs, parfaite pour les peaux délicates et réactives qui nécessitent un nettoyage respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e🌵\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003ePeaux sèches\u003c\/div\u003e\n \u003cp\u003eL'huile d'argan compense la sécheresse cutanée, nourrit en profondeur et restaure le confort des peaux déshydratées ou tiraillées.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003ePeaux normales\u003c\/div\u003e\n \u003cp\u003eMaintient l'équilibre naturel des peaux sans problème particulier, tout en apportant une touche de nutrition quotidienne bienvenue.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003eConsommateurs bio\u003c\/div\u003e\n \u003cp\u003ePour ceux qui privilégient les cosmétiques certifiés bio, naturels, éthiques et respectueux de l'environnement dans leur routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003eFamilles\u003c\/div\u003e\n \u003cp\u003eFormat économique 1L idéal pour un usage familial quotidien. Convient à tous les âges grâce à sa douceur exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003eAmateurs de bien-être\u003c\/div\u003e\n \u003cp\u003ePour ceux qui recherchent un moment de soin authentique à chaque lavage de mains, avec un parfum délicat et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENT EMMA NOËL --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eL'engagement Emma Noël\u003c\/h2\u003e\n \u003cdiv class=\"en-commitment-box\"\u003e\n \u003cdiv class=\"en-commitment-grid\"\u003e\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eExpertise depuis 1982\u003c\/strong\u003e\n \u003cp\u003ePlus de 40 ans d'expérience dans la sélection et la transformation d'huiles végétales bio de qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eAgriculture biologique certifiée\u003c\/strong\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique, sans pesticides, sans OGM, dans le respect des sols et des écosystèmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cp\u003eProduits formulés et fabriqués en France selon des standards de qualité stricts, dans le respect des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🤝\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eCommerce équitable\u003c\/strong\u003e\n \u003cp\u003ePartenariats durables avec les producteurs d'argan au Maroc, garantissant une rémunération juste et des conditions de travail dignes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🧪\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eFormules clean\u003c\/strong\u003e\n \u003cp\u003eSans sulfates agressifs (SLS\/SLES), sans parabènes, sans silicones, sans colorants synthétiques. Respect de votre peau et de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eDémarche éco-responsable\u003c\/strong\u003e\n \u003cp\u003eFormat économique pour réduire les déchets, flacon recyclable, formules biodégradables respectueuses des milieux aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"en-info-grid\"\u003e\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003e1 litre (1000 ml)\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eConditionnement\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eFlacon pompe pratique\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eAgriculture biologique\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eType de peau\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eTous types, même sensibles\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eUsage\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eQuotidien, toute la famille\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"en-warning-box\"\u003e\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Éviter le contact avec les yeux. En cas de contact accidentel, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e À conserver à l'abri de la lumière directe et de la chaleur. Bien refermer après usage. Se conserve 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAdapté aux enfants\u003c\/strong\u003e sous surveillance d'un adulte. Bien que naturel, toujours faire un test sur une petite zone en cas de peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTexture liquide :\u003c\/strong\u003e En cas de froid intense, l'huile d'argan peut légèrement se figer. Réchauffer à température ambiante avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cdiv class=\"en-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-cta-content\"\u003e\n \u003cp class=\"en-cta-emoji\"\u003e🌰✨\u003c\/p\u003e\n \u003cp\u003eOffrez à vos mains le soin qu'elles méritent avec ce savon liquide bio enrichi en huile d'argan. Un geste quotidien qui transforme un simple lavage en véritable rituel de bien-être naturel.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1.5rem; font-size: 0.95em; opacity: 0.95;\"\u003eFormat familial économique • Certification bio • Fabrication française • Douceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --en-cream: #faf8f5;\n --en-white: #ffffff;\n --en-primary: #D84A3C;\n --en-primary-dark: #B73929;\n --en-primary-light: #f9ede9;\n --en-secondary: #E8935E;\n --en-accent: #F4B942;\n\n \/* Textes *\/\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n\n \/* Effets *\/\n --en-border: #e8ddd5;\n --en-shadow: 0 4px 24px rgba(216, 74, 60, 0.08);\n --en-shadow-lg: 0 12px 48px rgba(216, 74, 60, 0.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--en-text);\n line-height: 1.7;\n}\n\n\/* === HERO SECTION === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-secondary) 50%, var(--en-accent) 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n transition: all 0.3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n line-height: 1.1;\n}\n\n.en-subtitle {\n display: block;\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n letter-spacing: 0.02em;\n}\n\n.en-description {\n color: rgba(255, 255, 255, 0.92);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--en-primary), var(--en-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card-icon {\n font-size: 2.5rem;\n line-height: 1;\n}\n\n.en-card-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0;\n letter-spacing: -0.02em;\n}\n\n.en-card-text {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION === *\/\n.en-composition-intro {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 4px solid var(--en-primary);\n box-shadow: var(--en-shadow);\n}\n\n.en-composition-intro p {\n margin: 0;\n color: var(--en-text);\n font-size: 16px;\n line-height: 1.8;\n}\n\n.en-ingredient-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-ingredient-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-ingredient-name {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.en-ingredient-desc {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.en-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.en-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-step:hover {\n transform: translateX(8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--en-primary), var(--en-secondary));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(216, 74, 60, 0.25);\n}\n\n.en-step-content {\n flex: 1;\n}\n\n.en-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.5rem;\n display: block;\n letter-spacing: -0.02em;\n}\n\n.en-step-text {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n.en-usage-tip {\n background: linear-gradient(135deg, var(--en-accent), #ffd875);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n box-shadow: 0 4px 24px rgba(244, 185, 66, 0.2);\n}\n\n.en-tip-icon {\n font-size: 2rem;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.en-usage-tip p {\n margin: 0;\n color: var(--en-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n\/* === BIENFAITS === *\/\n.en-benefits-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-benefit-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-benefit-box:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-benefit-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.en-benefit-box p {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PROFILS === *\/\n.en-profile-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-profile-card:hover {\n transform: translateY(-8px) scale(1.03);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-profile-emoji {\n font-size: 3rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-profile-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.en-profile-card p {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ENGAGEMENT === *\/\n.en-commitment-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--en-shadow-lg);\n border: 3px solid var(--en-primary-light);\n}\n\n.en-commitment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n}\n\n.en-commitment-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-commitment-icon {\n font-size: 2rem;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.en-commitment-text strong {\n display: block;\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.01em;\n}\n\n.en-commitment-text p {\n color: var(--en-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.en-info-card {\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid var(--en-border);\n transition: all 0.3s ease;\n}\n\n.en-info-card:hover {\n transform: scale(1.05);\n border-color: var(--en-primary);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--en-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n}\n\n.en-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n letter-spacing: -0.01em;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.en-warning-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #fff9e6;\n border-left: 4px solid var(--en-accent);\n border-radius: var(--en-radius-sm);\n padding: 1.25rem;\n box-shadow: 0 2px 12px rgba(244, 185, 66, 0.1);\n}\n\n.en-warning-icon {\n font-size: 1.5rem;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.en-warning-item p {\n margin: 0;\n color: var(--en-text);\n font-size: 14px;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-secondary) 50%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: radial-gradient(circle, rgba(255,255,255,0.3) 1px, transparent 1px);\n background-size: 20px 20px;\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-emoji {\n font-size: 3rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n }\n\n .en-benefits-wrapper,\n .en-commitment-grid,\n .en-info-grid {\n grid-template-columns: 1fr;\n }\n\n .en-step {\n flex-direction: column;\n text-align: center;\n }\n\n .en-step:hover {\n transform: translateY(-8px);\n }\n\n .en-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-ingredient-card,\n .en-benefit-box,\n .en-profile-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .en-card:nth-child(1),\n .en-ingredient-card:nth-child(1),\n .en-benefit-box:nth-child(1),\n .en-profile-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .en-card:nth-child(2),\n .en-ingredient-card:nth-child(2),\n .en-benefit-box:nth-child(2),\n .en-profile-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .en-card:nth-child(3),\n .en-ingredient-card:nth-child(3),\n .en-benefit-box:nth-child(3),\n .en-profile-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .en-card:nth-child(4),\n .en-ingredient-card:nth-child(4),\n .en-benefit-box:nth-child(4),\n .en-profile-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .en-card:nth-child(5),\n .en-profile-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .en-card:nth-child(6),\n .en-profile-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n\n .en-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n\n .en-step:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .en-step:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .en-step:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .en-step:nth-child(4) {\n animation-delay: 0.4s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-card,\n .en-ingredient-card,\n .en-benefit-box,\n .en-profile-card,\n .en-info-card {\n border: 2px solid var(--en-primary);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349607100793,"sku":"NBAIEMM0058","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon_liquide_huile_d_argan_emma_noel_2__11zon.jpg?v=1766069004"},{"product_id":"savon-liquide-huile-olive-bio-1-l-emma-noel","title":"Savon liquide Huile d'Olive bio - 1 L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon liquide à l'huile d'olive bio Emma Noël\nPalette détectée:\n - Primaire: #6BBF3B (vert vif olive du flacon et du packaging)\n - Secondaire: #E85398 (rose magenta du logo lotus Emma Noël)\n - Accent: #8BC34A (vert clair feuillage)\n - Background: #F7F5F0 (crème naturel méditerranéen)\nAmbiance: Naturel\/Bio, méditerranéen authentique, douceur végétale, fraîcheur provençale\nStyle: Cosmétique bio premium, épuré, naturel, éco-responsable\nPréfixe CSS: olv\n--\u003e\n\n\u003cdiv class=\"olv-premium\"\u003e\n \u003cdiv class=\"olv-hero\"\u003e\n \u003cdiv class=\"olv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"olv-hero-content\"\u003e\n \u003cdiv class=\"olv-badges-top\"\u003e\n \u003cspan class=\"olv-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"olv-badge\"\u003e🫒 Huile d'olive\u003c\/span\u003e\n \u003cspan class=\"olv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"olv-hero-title\"\u003eSavon liquide à l'huile d'olive bio\u003c\/span\u003e\n \u003cp class=\"olv-subtitle\"\u003eLa douceur méditerranéenne au quotidien\u003c\/p\u003e\n \u003cp class=\"olv-description\"\u003eUn savon liquide authentique formulé à base d'huile d'olive biologique, délicatement parfumé à la verveine. Format généreux 1 litre pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile d'olive\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid\"\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nourrit intensément grâce à ses acides gras essentiels et sa richesse en vitamine E. Votre peau reste souple après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eCrée un film protecteur qui préserve la barrière cutanée sans agresser. Idéal pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌱 Antioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, l'huile d'olive protège la peau du vieillissement prématuré et des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌿 Formule douce\u003c\/h3\u003e\n \u003cp\u003eSans sulfates agressifs ni agents chimiques. Une mousse onctueuse qui respecte le pH naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e🫒 Composition naturelle\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid\"\u003e\n \u003cdiv class=\"olv-card olv-card-highlight\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, issue de l'agriculture biologique certifiée. Origine méditerranéenne pour une qualité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card olv-card-highlight\"\u003e\n \u003ch3\u003e🌸 Parfum verveine\u003c\/h3\u003e\n \u003cp\u003eFragrance fraîche et citronnée pour une sensation de propreté revigorante. Notes végétales délicates et naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card olv-card-highlight\"\u003e\n \u003ch3\u003e🧴 Base lavante douce\u003c\/h3\u003e\n \u003cp\u003eAgents nettoyants d'origine végétale, biodégradables et respectueux de l'environnement. Sans sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e💚 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"olv-steps\"\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eHumidifiez vos mains\u003c\/h3\u003e\n \u003cp\u003eMouillez vos mains sous l'eau tiède pour préparer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eAppliquez le savon\u003c\/h3\u003e\n \u003cp\u003eUne noisette suffit pour un nettoyage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez vos mains pendant 30 secondes minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eSéchez délicatement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid\"\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n \u003cp\u003eFormule extra-douce adaptée aux peaux délicates des plus petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e👨 Hommes\u003c\/h3\u003e\n \u003cp\u003eNettoie efficacement sans dessécher. Parfum frais et discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n \u003cp\u003ePréserve la douceur de la peau avec un parfum délicat de verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans sulfates ni agents irritants, parfait pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e🌍 Nos engagements\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid-compact\"\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n \u003cp\u003eFormule 100% végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🚫 Sans controversés\u003c\/h3\u003e\n \u003cp\u003eNi parabène, ni silicone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"olv-accordion\"\u003e\n \u003cdetails class=\"olv-accordion-item\"\u003e\n \u003csummary class=\"olv-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n \u003cdiv class=\"olv-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 1 litre — Format économique familial pour plusieurs mois d'utilisation.\u003cbr\u003e\n \u003cstrong\u003eConditionnement :\u003c\/strong\u003e Flacon avec bouchon — Pratique et hygiénique pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"olv-accordion-item\"\u003e\n \u003csummary class=\"olv-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"olv-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la lumière directe et de l'humidité excessive. Refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"olv-accordion-item\"\u003e\n \u003csummary class=\"olv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"olv-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003cbr\u003e\n \u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Tenir hors de portée des enfants.\u003cbr\u003e\n En cas d'ingestion accidentelle, consulter un centre antipoison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"olv-cta-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e🫒 Adoptez la douceur méditerranéenne\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de l'huile d'olive biologique. Une formule certifiée bio, délicatement parfumée à la verveine, pour des mains propres, nourries et douces au quotidien.\u003c\/p\u003e\n \u003cp\u003eFormat 1L : des mois de bien-être naturel pour toute la famille ! ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --olv-cream: #F7F5F0;\n --olv-white: #ffffff;\n --olv-primary: #6BBF3B;\n --olv-primary-dark: #4A9D2E;\n --olv-primary-light: #E8F5E0;\n --olv-secondary: #E85398;\n --olv-accent: #8BC34A;\n --olv-text: #1a1a1a;\n --olv-text-light: #5a5a5a;\n --olv-border: #e0e0e0;\n --olv-shadow: 0 4px 24px rgba(107,191,59,.1);\n --olv-shadow-lg: 0 12px 48px rgba(107,191,59,.18);\n --olv-radius: 20px;\n --olv-radius-sm: 12px;\n}\n\n.olv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--olv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.olv-hero {\n position: relative;\n background: linear-gradient(135deg, #6BBF3B 0%, #4A9D2E 50%, #357A22 100%);\n border-radius: var(--olv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--olv-shadow-lg);\n}\n\n.olv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 25% 25%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.olv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.olv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.olv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--olv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.olv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.olv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.olv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(17px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.olv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.olv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.olv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--olv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.olv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--olv-primary), var(--olv-secondary));\n border-radius: 2px;\n}\n\n.olv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.olv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.olv-card {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--olv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.olv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--olv-shadow-lg);\n border-color: var(--olv-primary);\n}\n\n.olv-card-highlight {\n background: linear-gradient(135deg, var(--olv-primary-light) 0%, var(--olv-white) 100%);\n border: 2px solid var(--olv-primary);\n}\n\n.olv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--olv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.olv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.olv-grid-compact .olv-card {\n padding: 1rem;\n}\n\n.olv-grid-compact .olv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.olv-grid-compact .olv-card p {\n font-size: 12px;\n}\n\n.olv-steps {\n display: grid;\n gap: 1rem;\n}\n\n.olv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--olv-shadow);\n border-left: 4px solid var(--olv-primary);\n transition: all .3s ease;\n}\n\n.olv-step:hover {\n transform: translateX(6px);\n box-shadow: var(--olv-shadow-lg);\n}\n\n.olv-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--olv-primary), var(--olv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(107,191,59,.3);\n}\n\n.olv-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--olv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.olv-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.olv-accordion {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n box-shadow: var(--olv-shadow);\n overflow: hidden;\n}\n\n.olv-accordion-item {\n border-bottom: 1px solid var(--olv-border);\n margin: 0;\n padding: 0;\n}\n\n.olv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.olv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--olv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.olv-accordion-header:hover {\n background: var(--olv-primary-light);\n}\n\n.olv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.olv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--olv-primary);\n transition: transform .2s ease;\n}\n\n.olv-accordion-item[open] .olv-accordion-header::after {\n content: '−';\n}\n\n.olv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--olv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.olv-accordion-content p {\n margin: 0;\n}\n\n.olv-cta-box {\n background: linear-gradient(135deg, var(--olv-primary) 0%, var(--olv-primary-dark) 100%);\n border-radius: var(--olv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.olv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .75rem 0;\n}\n\n.olv-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n.olv-cta-box strong {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .olv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .olv-grid-compact {\n gap: .625rem;\n }\n \n .olv-grid-compact .olv-card {\n padding: .75rem;\n }\n \n .olv-card {\n padding: 1.125rem;\n }\n \n .olv-section {\n margin-bottom: 1.75rem;\n }\n \n .olv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--olv-radius-sm);\n }\n \n .olv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .olv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .olv-step {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .olv-step-number {\n margin: 0 auto;\n width: 42px;\n height: 42px;\n font-size: 18px;\n }\n \n .olv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .olv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .olv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .olv-card:nth-child(1) { animation-delay: .05s; }\n .olv-card:nth-child(2) { animation-delay: .1s; }\n .olv-card:nth-child(3) { animation-delay: .15s; }\n .olv-card:nth-child(4) { animation-delay: .2s; }\n .olv-card:nth-child(5) { animation-delay: .25s; }\n .olv-card:nth-child(6) { animation-delay: .3s; }\n \n .olv-step {\n animation: fadeInUp .5s ease backwards;\n }\n .olv-step:nth-child(1) { animation-delay: .05s; }\n .olv-step:nth-child(2) { animation-delay: .1s; }\n .olv-step:nth-child(3) { animation-delay: .15s; }\n .olv-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .olv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349639410041,"sku":"NBAIEMM0059","price":14.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon_liquide_huile_olive_emma_noel_1__11zon.jpg?v=1765825972"},{"product_id":"savon-liquide-hypoallergenique-bio-1l-emma-noel","title":"Savon liquide Hypoallergénique bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon liquide Hypoallergénique bio - 1L - Emma Noël\nPalette détectée:\n - Primaire: #6B9B9B (vert-gris sauge de l'étiquette)\n - Secondaire: #E84B8A (rose fuchsia du logo Emma Noël)\n - Accent: #F8E8EC (rose poudré du fond)\nAmbiance: Douceur, naturel\/bio, féminin, minimaliste, soin délicat\nPréfixe CSS: en\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n \n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e💧 Hypoallergénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eSavon liquide hypoallergénique bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eExtra doux pour les peaux les plus sensibles\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUne formule délicate certifiée biologique, conçue pour respecter et protéger toutes les peaux, même les plus fragiles. Format économique 1 litre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e🌸 Pourquoi choisir ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eFormulé pour minimiser les risques d'allergies et d'irritations. Testé dermatologiquement pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients d'origine naturelle et biologique, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eExtra doux\u003c\/h3\u003e\n \u003cp\u003eUne texture onctueuse qui nettoie en douceur sans dessécher ni agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eHydratant\u003c\/h3\u003e\n \u003cp\u003eEnrichi en agents hydratants naturels pour préserver le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes comme aux enfants. Un seul produit pour tous les membres du foyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat 1 litre économique, pompe pratique pour éviter le gaspillage. Emballage recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e👐 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"en-steps\"\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eMouillez vos mains\u003c\/h3\u003e\n \u003cp\u003ePassez vos mains sous l'eau tiède pour préparer la peau au lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eAppliquez une dose\u003c\/h3\u003e\n \u003cp\u003eUne ou deux pressions de pompe suffisent pour un lavage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez délicatement vos mains pendant 20 à 30 secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire, puis séchez avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e💝 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid en-grid-3\"\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-icon\"\u003e👶\u003c\/div\u003e\n \u003ch3\u003eBébés et enfants\u003c\/h3\u003e\n \u003cp\u003eParfait pour les peaux délicates des tout-petits grâce à sa formule ultra-douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3\u003eFemmes enceintes\u003c\/h3\u003e\n \u003cp\u003eSans allergènes majeurs, idéal pendant la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSpécialement formulé pour les peaux réactives, sujettes aux rougeurs ou à l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"en-info-grid\"\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e📦 Contenance\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003e1 litre (1000 ml)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🏭 Marque\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eEmma Noël\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🇫🇷 Origine\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🏷️ Certification\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eCosmébio \/ Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🚿 Utilisation\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eMains et corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🧴 Format\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eFlacon pompe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003cdiv class=\"en-brand-box\"\u003e\n \u003cdiv class=\"en-brand-icon\"\u003e🌹\u003c\/div\u003e\n \u003ch3\u003eEmma Noël\u003c\/h3\u003e\n \u003cp class=\"en-brand-tagline\"\u003eL'huile source de soin\u003c\/p\u003e\n \u003cp\u003eDepuis plus de 90 ans, Emma Noël perpétue la tradition savonnière française en proposant des soins naturels et biologiques. Un savoir-faire d'excellence transmis de génération en génération pour prendre soin de vous et de votre famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cdiv class=\"en-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-cta-content\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau la douceur qu'elle mérite avec ce savon bio hypoallergénique. Un geste simple pour un soin quotidien respectueux et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #FDF8F9;\n --en-white: #ffffff;\n --en-primary: #6B9B9B;\n --en-primary-dark: #4A7A7A;\n --en-primary-light: #E8F2F2;\n --en-secondary: #E84B8A;\n --en-secondary-light: #FCE8F0;\n --en-accent: #F8E8EC;\n --en-text: #2D3436;\n --en-text-light: #636E72;\n --en-border: #E8E8E8;\n --en-shadow: 0 4px 24px rgba(107, 155, 155, .12);\n --en-shadow-lg: 0 12px 48px rgba(107, 155, 155, .18);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--en-text);\n line-height: 1.6;\n}\n\n.en-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, var(--en-primary) 0%, #5A8A8A 50%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.en-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.en-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(24px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--en-secondary), var(--en-primary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.en-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.en-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.en-card p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILE CARDS === *\/\n.en-profile-card {\n background: linear-gradient(145deg, var(--en-white), var(--en-accent));\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--en-secondary-light);\n transition: all .3s ease;\n}\n\n.en-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.en-profile-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--en-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.en-profile-card p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.en-steps {\n max-width: 800px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.en-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--en-shadow);\n transition: all .3s ease;\n}\n\n.en-step:hover {\n transform: translateX(8px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.en-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.en-step-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n}\n\n\/* === INFO GRID === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n}\n\n.en-info-item {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n padding: 1rem;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n text-align: center;\n}\n\n.en-info-label {\n font-size: 13px;\n color: var(--en-text-light);\n font-weight: 600;\n}\n\n.en-info-value {\n font-size: 16px;\n color: var(--en-primary-dark);\n font-weight: 800;\n}\n\n\/* === BRAND BOX === *\/\n.en-brand-box {\n background: linear-gradient(145deg, var(--en-accent), var(--en-secondary-light));\n border-radius: var(--en-radius);\n padding: clamp(2rem, 5vw, 3rem);\n text-align: center;\n border: 2px solid rgba(232, 75, 138, .2);\n}\n\n.en-brand-icon {\n font-size: 56px;\n margin-bottom: .5rem;\n}\n\n.en-brand-box h3 {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--en-secondary);\n margin: 0;\n font-style: italic;\n}\n\n.en-brand-tagline {\n font-size: 14px;\n color: var(--en-primary-dark);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .1em;\n margin: .5rem 0 1.5rem 0;\n}\n\n.en-brand-box \u003e p:last-child {\n font-size: 15px;\n color: var(--en-text-light);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === CTA BOX === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n }\n \n .en-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .en-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .en-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-profile-card,\n .en-step {\n animation: enFadeInUp .6s ease backwards;\n }\n \n .en-card:nth-child(1), .en-profile-card:nth-child(1), .en-step:nth-child(1) { animation-delay: .1s; }\n .en-card:nth-child(2), .en-profile-card:nth-child(2), .en-step:nth-child(2) { animation-delay: .2s; }\n .en-card:nth-child(3), .en-profile-card:nth-child(3), .en-step:nth-child(3) { animation-delay: .3s; }\n .en-card:nth-child(4), .en-step:nth-child(4) { animation-delay: .4s; }\n .en-card:nth-child(5) { animation-delay: .5s; }\n .en-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes enFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-premium {\n --en-text: #000000;\n --en-text-light: #333333;\n }\n \n .en-card,\n .en-profile-card,\n .en-step {\n border: 2px solid var(--en-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56359123288441,"sku":"NBAIEMM0054","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon_luquide_douche_extra_doux_emma_noel_11zon.jpg?v=1765809813"},{"product_id":"gel-douche-hypoallergenique-bio-1l-emma-noel","title":"Gel Douche Hypoallergénique bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Hypoallergénique Bio - 1L - Emma Noël\nPalette détectée:\n - Primaire: #7FB8B6 (vert d'eau\/turquoise doux de l'étiquette)\n - Secondaire: #E8A4B8 (rose poudré du fond et du logo)\n - Accent: #D4577A (rose fuchsia du logo fleur)\nAmbiance: Douceur, naturel, féminin, bio, soin délicat, pureté\nPréfixe CSS: gd\n--\u003e\n\n\u003cdiv class=\"gd-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gd-hero\"\u003e\n \u003cdiv class=\"gd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gd-hero-content\"\u003e\n \u003cdiv class=\"gd-badges-top\"\u003e\n \u003cspan class=\"gd-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"gd-badge\"\u003e🪶 Extra doux\u003c\/span\u003e\n \u003cspan class=\"gd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gd-hero-title\"\u003eGel douche hypoallergénique bio\u003c\/span\u003e\n \u003cp class=\"gd-subtitle\"\u003eEmma Noël - L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"gd-description\"\u003eUne formule ultra-douce certifiée bio, conçue pour les peaux les plus sensibles. La légèreté d'une plume pour votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"gd-hero-volume\"\u003e\n \u003cspan class=\"gd-volume-label\"\u003eFormat familial\u003c\/span\u003e\n \u003cspan class=\"gd-volume-value\"\u003e1 Litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PROMESSES --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e✨ La douceur à l'état pur\u003c\/h2\u003e\n \u003cdiv class=\"gd-grid\"\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e🪶\u003c\/div\u003e\n \u003ch3\u003eExtra doux\u003c\/h3\u003e\n \u003cp\u003eFormule spécialement développée pour respecter les peaux les plus délicates et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eTesté dermatologiquement, minimise les risques d'allergies pour une utilisation en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients issus de l'agriculture biologique pour prendre soin de vous et de la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eNettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eUne mousse onctueuse qui lave délicatement sans agresser le film hydrolipidique de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h2\u003e\n \u003cdiv class=\"gd-profiles-grid\"\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003eBébés \u0026amp; enfants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e🤰\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003eFemmes enceintes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e🩹\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003ePeaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003ePeaux à tendance allergique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e💆‍♀️\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003ePeaux sèches\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003eUsage quotidien familial\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e🚿 Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gd-steps\"\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eHumidifiez\u003c\/h4\u003e\n \u003cp\u003eMouillez votre peau sous la douche ou dans le bain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eAppliquez\u003c\/h4\u003e\n \u003cp\u003ePrélevez une noisette de gel et faites mousser entre vos mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eMassez\u003c\/h4\u003e\n \u003cp\u003eAppliquez sur l'ensemble du corps en massant délicatement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eRincez\u003c\/h4\u003e\n \u003cp\u003eRincez abondamment à l'eau claire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e🌱 Nos engagements\u003c\/h2\u003e\n \u003cdiv class=\"gd-commitments\"\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan\u003eNon testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan\u003eFlacon recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan\u003eFabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"gd-info-grid\"\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003e1 Litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003eEmma Noël\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003eBio - Cosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003eToutes peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gd-cta-box\"\u003e\n \u003cdiv class=\"gd-cta-feather\"\u003e🪶\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau la douceur qu'elle mérite avec ce gel douche bio, aussi léger qu'une plume. Un geste beauté quotidien respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"gd-cta-badge\"\u003eFormat économique 1L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --gd-cream: #FDF8F9;\n --gd-white: #ffffff;\n --gd-primary: #7FB8B6;\n --gd-primary-dark: #5A9A98;\n --gd-primary-light: #E8F4F3;\n --gd-secondary: #E8A4B8;\n --gd-secondary-light: #FDF0F4;\n --gd-accent: #D4577A;\n\n \/* Textes *\/\n --gd-text: #2D3436;\n --gd-text-light: #636E72;\n\n \/* Effets *\/\n --gd-border: #F0E6E9;\n --gd-shadow: 0 4px 24px rgba(127, 184, 182, 0.12);\n --gd-shadow-lg: 0 12px 48px rgba(127, 184, 182, 0.2);\n --gd-radius: 20px;\n --gd-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gd-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.gd-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gd-primary) 0%, var(--gd-primary-dark) 40%, var(--gd-secondary) 100%);\n border-radius: var(--gd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--gd-shadow-lg);\n}\n\n.gd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.gd-hero::before {\n content: '🪶';\n position: absolute;\n font-size: 120px;\n opacity: 0.1;\n top: -20px;\n right: -20px;\n transform: rotate(25deg);\n}\n\n.gd-hero::after {\n content: '🪶';\n position: absolute;\n font-size: 80px;\n opacity: 0.08;\n bottom: -10px;\n left: 5%;\n transform: rotate(-15deg);\n}\n\n.gd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n}\n\n.gd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,0.15);\n line-height: 1.1;\n}\n\n.gd-subtitle {\n color: rgba(255,255,255,0.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.gd-description {\n color: rgba(255,255,255,0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.5rem auto;\n}\n\n.gd-hero-volume {\n display: inline-flex;\n flex-direction: column;\n background: rgba(255,255,255,0.2);\n backdrop-filter: blur(10px);\n padding: 1rem 2rem;\n border-radius: var(--gd-radius-sm);\n border: 1px solid rgba(255,255,255,0.3);\n}\n\n.gd-volume-label {\n color: rgba(255,255,255,0.9);\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n font-weight: 600;\n}\n\n.gd-volume-value {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n}\n\n\/* === SECTIONS === *\/\n.gd-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.gd-premium h2 {\n font-size: clamp(24px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--gd-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gd-primary), var(--gd-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.gd-card {\n background: var(--gd-white);\n border-radius: var(--gd-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--gd-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.gd-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gd-shadow-lg);\n border-color: var(--gd-primary);\n}\n\n.gd-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gd-card h3 {\n color: var(--gd-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.gd-card p {\n color: var(--gd-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.gd-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.gd-profile {\n background: var(--gd-white);\n border-radius: var(--gd-radius-sm);\n padding: 1.25rem 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n box-shadow: var(--gd-shadow);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.gd-profile:hover {\n transform: translateY(-4px);\n border-color: var(--gd-secondary);\n}\n\n.gd-profile-icon {\n font-size: 32px;\n}\n\n.gd-profile-text {\n color: var(--gd-text);\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n}\n\n\/* === ÉTAPES === *\/\n.gd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gd-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--gd-white);\n padding: 1.5rem;\n border-radius: var(--gd-radius-sm);\n box-shadow: var(--gd-shadow);\n transition: all 0.3s ease;\n}\n\n.gd-step:hover {\n transform: translateX(8px);\n box-shadow: var(--gd-shadow-lg);\n}\n\n.gd-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--gd-primary), var(--gd-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 800;\n flex-shrink: 0;\n}\n\n.gd-step-content h4 {\n color: var(--gd-primary-dark);\n font-size: 16px;\n font-weight: 700;\n margin: 0 0 0.25rem 0;\n}\n\n.gd-step-content p {\n color: var(--gd-text-light);\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n\n\/* === ENGAGEMENTS === *\/\n.gd-commitments {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.gd-commitment {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--gd-white);\n padding: 12px 20px;\n border-radius: 999px;\n box-shadow: var(--gd-shadow);\n font-size: 14px;\n font-weight: 600;\n color: var(--gd-text);\n transition: all 0.3s ease;\n}\n\n.gd-commitment:hover {\n transform: scale(1.05);\n box-shadow: var(--gd-shadow-lg);\n}\n\n.gd-commitment-icon {\n font-size: 18px;\n}\n\n\/* === INFOS === *\/\n.gd-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.gd-info-card {\n background: var(--gd-white);\n border-radius: var(--gd-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--gd-shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n transition: all 0.3s ease;\n}\n\n.gd-info-card:hover {\n transform: translateY(-4px);\n}\n\n.gd-info-icon {\n font-size: 28px;\n}\n\n.gd-info-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--gd-text-light);\n font-weight: 600;\n}\n\n.gd-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--gd-primary-dark);\n}\n\n\/* === CTA === *\/\n.gd-cta-box {\n background: linear-gradient(135deg, var(--gd-primary) 0%, var(--gd-secondary) 100%);\n border-radius: var(--gd-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gd-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.15) 0%, transparent 50%);\n}\n\n.gd-cta-feather {\n font-size: 64px;\n margin-bottom: 1rem;\n display: block;\n animation: float 3s ease-in-out infinite;\n}\n\n.gd-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,0.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.gd-cta-badge {\n display: inline-block;\n background: rgba(255,255,255,0.95);\n color: var(--gd-primary-dark);\n padding: 12px 28px;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes float {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 50% { transform: translateY(-10px) rotate(5deg); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gd-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n .gd-card:nth-child(1) { animation-delay: 0.1s; }\n .gd-card:nth-child(2) { animation-delay: 0.2s; }\n .gd-card:nth-child(3) { animation-delay: 0.3s; }\n .gd-card:nth-child(4) { animation-delay: 0.4s; }\n \n .gd-profile {\n animation: fadeInUp 0.5s ease backwards;\n }\n .gd-profile:nth-child(1) { animation-delay: 0.05s; }\n .gd-profile:nth-child(2) { animation-delay: 0.1s; }\n .gd-profile:nth-child(3) { animation-delay: 0.15s; }\n .gd-profile:nth-child(4) { animation-delay: 0.2s; }\n .gd-profile:nth-child(5) { animation-delay: 0.25s; }\n .gd-profile:nth-child(6) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gd-grid {\n grid-template-columns: 1fr;\n }\n \n .gd-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .gd-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .gd-commitments {\n gap: 0.75rem;\n }\n \n .gd-commitment {\n padding: 10px 16px;\n font-size: 13px;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .gd-cta-feather {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .gd-card, .gd-profile, .gd-step, .gd-commitment, .gd-info-card {\n border: 2px solid var(--gd-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56359313768825,"sku":"NBAIEMM0015","price":14.2,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_hypoallergenique_extra_doux.jpg?v=1766069815"},{"product_id":"savon-alep-bio-liquide-1l-emma-noel","title":"Savon d'Alep Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon Alep Bio liquide - 1L - Emma Noël\nPalette détectée:\n - Primaire: #2D5016 (vert olive profond du packaging et des feuilles de laurier)\n - Secondaire: #8B7355 (brun doré évoquant l'huile d'olive et le savon d'Alep traditionnel)\n - Accent: #C4A574 (doré chaleureux des éléments décoratifs)\nAmbiance: Naturel\/Bio authentique, tradition méditerranéenne, artisanat ancestral, pureté et simplicité\nPréfixe CSS: alep\n--\u003e\n\n\u003cdiv class=\"alep-premium\"\u003e\n\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Tradition millénaire\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✨ Certifié Cosmebio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep liquide bio\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eL'héritage des maîtres savonniers syriens\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eHuile d'olive bio \u0026amp; baie de laurier • Format économique 1 litre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eUn savoir-faire ancestral préservé\u003c\/h2\u003e\n \u003cdiv class=\"alep-intro-box\"\u003e\n \u003cdiv class=\"alep-intro-icon\"\u003e🏛️\u003c\/div\u003e\n \u003cp\u003eHéritier d'un savoir-faire millénaire transmis par les maîtres savonniers d'Alep en Syrie, ce savon liquide bio Emma Noël perpétue une tradition ancestrale dans un format pratique et moderne. Cuit au chaudron selon les méthodes traditionnelles, il associe la noblesse de l'\u003cstrong\u003ehuile d'olive biologique\u003c\/strong\u003e aux vertus apaisantes de l'\u003cstrong\u003ehuile de baie de laurier\u003c\/strong\u003e pour offrir à votre peau une toilette d'une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes vertus du véritable Alep\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e🫒\u003c\/div\u003e\n \u003ch3\u003eNettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSans décaper le film hydrolipidique protecteur de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eNourrit intensément\u003c\/h3\u003e\n \u003cp\u003eGrâce à la richesse incomparable de l'huile d'olive bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eApaise les sensibilités\u003c\/h3\u003e\n \u003cp\u003eL'huile de baie de laurier calme les épidermes réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eHydrate naturellement\u003c\/h3\u003e\n \u003cp\u003ePar la glycérine végétale issue de la saponification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'Alep plutôt qu'un gel douche ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-comparison\"\u003e\n \u003cdiv class=\"alep-vs-card alep-vs-bad\"\u003e\n \u003cdiv class=\"alep-vs-header\"\u003e❌ Gels douche classiques\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eTensioactifs agressifs\u003c\/li\u003e\n \u003cli\u003ePerturbent l'équilibre cutané\u003c\/li\u003e\n \u003cli\u003eSensation de tiraillement\u003c\/li\u003e\n \u003cli\u003eFormules complexes\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-vs-card alep-vs-good\"\u003e\n \u003cdiv class=\"alep-vs-header\"\u003e✅ Savon d'Alep bio\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eFormule minimaliste\u003c\/li\u003e\n \u003cli\u003eRespecte le microbiome\u003c\/li\u003e\n \u003cli\u003eConfort immédiat après rinçage\u003c\/li\u003e\n \u003cli\u003ePeau souple et nourrie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eL'huile de baie de laurier : l'ingrédient signature\u003c\/h2\u003e\n \u003cdiv class=\"alep-highlight-box\"\u003e\n \u003cdiv class=\"alep-laurel-deco\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"alep-highlight-content\"\u003e\n \u003cp\u003eReconnue depuis des siècles pour ses \u003cstrong\u003epropriétés apaisantes exceptionnelles\u003c\/strong\u003e, l'huile de baie de laurier est l'ingrédient qui distingue le véritable savon d'Alep de tous les autres. Elle convient particulièrement aux peaux réactives, sujettes aux inconforts ou aux tiraillements.\u003c\/p\u003e\n \u003cdiv class=\"alep-highlight-stats\"\u003e\n \u003cdiv class=\"alep-stat\"\u003e\n \u003cspan class=\"alep-stat-number\"\u003e3000\u003c\/span\u003e\n \u003cspan class=\"alep-stat-label\"\u003eans de tradition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-stat\"\u003e\n \u003cspan class=\"alep-stat-number\"\u003e99%\u003c\/span\u003e\n \u003cspan class=\"alep-stat-label\"\u003eorigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-stat\"\u003e\n \u003cspan class=\"alep-stat-number\"\u003e11%\u003c\/span\u003e\n \u003cspan class=\"alep-stat-label\"\u003ebio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"alep-steps\"\u003e\n \u003cdiv class=\"alep-step\"\u003e\n \u003cdiv class=\"alep-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-step-content\"\u003e\n \u003ch3\u003ePressez la pompe\u003c\/h3\u003e\n \u003cp\u003eObtenez la quantité souhaitée grâce au format flacon pompe pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-step\"\u003e\n \u003cdiv class=\"alep-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-step-content\"\u003e\n \u003ch3\u003eAppliquez sur peau humide\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement pour faire mousser sur le corps, le visage ou les mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-step\"\u003e\n \u003cdiv class=\"alep-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire pour révéler une peau douce et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-usages\"\u003e\n \u003cspan class=\"alep-usage-tag\"\u003e🚿 Toilette du corps\u003c\/span\u003e\n \u003cspan class=\"alep-usage-tag\"\u003e🧴 Nettoyage visage\u003c\/span\u003e\n \u003cspan class=\"alep-usage-tag\"\u003e🙌 Lavage des mains\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition transparente\u003c\/h2\u003e\n \u003cdiv class=\"alep-inci-grid\"\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eAqua\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eEau purifiée\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card alep-inci-bio\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🫒\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003ePotassium Olivate**\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eHuile d'olive saponifiée\u003c\/div\u003e\n \u003cspan class=\"alep-inci-badge\"\u003eBio transformé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eGlycerin\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eGlycérine végétale hydratante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003ePotassium Laurate\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eAgent nettoyant doux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card alep-inci-bio\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eOlea Europaea Fruit Oil*\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eHuile d'olive biologique\u003c\/div\u003e\n \u003cspan class=\"alep-inci-badge\"\u003eBio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003ePotassium Benzoate \u0026amp; Sorbate\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eConservateurs doux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card alep-inci-star\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eLaurus Nobilis Fruit Oil\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eHuile de baie de laurier\u003c\/div\u003e\n \u003cspan class=\"alep-inci-badge\"\u003eSignature\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"alep-inci-legend\"\u003e*Ingrédients issus de l'agriculture biologique • **Transformés à partir d'ingrédients biologiques\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eCertifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"alep-certif-grid\"\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🏅\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eCosmebio\u003c\/div\u003e\n \u003cp\u003eCertification bio officielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eÉco-responsable\u003c\/div\u003e\n \u003cp\u003eFabrication respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eSans controversé\u003c\/div\u003e\n \u003cp\u003eFormule clean \u0026amp; sûre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eChaudron\u003c\/div\u003e\n \u003cp\u003eMéthode traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"alep-info-grid\"\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003e1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e🏛️\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003eTradition d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eAprès ouverture\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003e6 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003eÀ l'abri chaleur\/humidité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003cdiv class=\"alep-warning-box\"\u003e\n \u003cdiv class=\"alep-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"alep-warning-content\"\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n \u003cli\u003eEn cas de projection oculaire, rincer immédiatement\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cdiv class=\"alep-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-cta-content\"\u003e\n \u003cdiv class=\"alep-cta-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau le soin ancestral qu'elle mérite. Avec ce savon d'Alep liquide bio Emma Noël, retrouvez la pureté d'une tradition millénaire adaptée à votre quotidien moderne.\u003c\/p\u003e\n \u003cdiv class=\"alep-cta-badges\"\u003e\n \u003cspan\u003e🏺 Cuit au chaudron\u003c\/span\u003e\n \u003cspan\u003e🌱 Bio certifié\u003c\/span\u003e\n \u003cspan\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #FAF8F5;\n --alep-white: #ffffff;\n --alep-primary: #2D5016;\n --alep-primary-dark: #1E3A0F;\n --alep-primary-light: #E8F0E2;\n --alep-secondary: #8B7355;\n --alep-secondary-light: #F5F0EA;\n --alep-accent: #C4A574;\n --alep-accent-light: #FBF7F0;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(45,80,22,.08);\n --alep-shadow-lg: 0 12px 48px rgba(45,80,22,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.6;\n}\n\n.alep-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #2D5016 0%, #3D6B1E 40%, #8B7355 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(196,165,116,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.alep-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-accent));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.alep-intro-box {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--alep-shadow);\n text-align: center;\n border-left: 5px solid var(--alep-primary);\n}\n\n.alep-intro-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.alep-intro-box p {\n font-size: clamp(16px, 2vw, 18px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.8;\n}\n\n.alep-intro-box strong {\n color: var(--alep-primary-dark);\n}\n\n\/* === GRILLES \u0026 CARDS === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.alep-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.alep-card p {\n font-size: 15px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.alep-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.alep-vs-card {\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-vs-bad {\n background: linear-gradient(135deg, #FFF5F5 0%, #FEE2E2 100%);\n border: 2px solid #FECACA;\n}\n\n.alep-vs-good {\n background: linear-gradient(135deg, var(--alep-primary-light) 0%, #D4EDDA 100%);\n border: 2px solid var(--alep-primary);\n}\n\n.alep-vs-header {\n font-size: 18px;\n font-weight: 800;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px dashed currentColor;\n}\n\n.alep-vs-bad .alep-vs-header {\n color: #B91C1C;\n border-color: #FECACA;\n}\n\n.alep-vs-good .alep-vs-header {\n color: var(--alep-primary-dark);\n border-color: var(--alep-primary);\n}\n\n.alep-vs-card ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.alep-vs-card li {\n padding: .5rem 0;\n font-size: 15px;\n color: var(--alep-text);\n position: relative;\n padding-left: 1.5rem;\n}\n\n.alep-vs-bad li::before {\n content: '✗';\n position: absolute;\n left: 0;\n color: #B91C1C;\n font-weight: bold;\n}\n\n.alep-vs-good li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--alep-primary);\n font-weight: bold;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.alep-highlight-box {\n background: linear-gradient(135deg, var(--alep-secondary-light) 0%, var(--alep-accent-light) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--alep-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.alep-laurel-deco {\n position: absolute;\n top: -20px;\n right: -20px;\n font-size: 120px;\n opacity: .1;\n transform: rotate(15deg);\n}\n\n.alep-highlight-content {\n position: relative;\n z-index: 1;\n}\n\n.alep-highlight-content p {\n font-size: clamp(16px, 2vw, 18px);\n color: var(--alep-text);\n margin: 0 0 2rem 0;\n line-height: 1.8;\n}\n\n.alep-highlight-content strong {\n color: var(--alep-primary-dark);\n}\n\n.alep-highlight-stats {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n}\n\n.alep-stat {\n text-align: center;\n}\n\n.alep-stat-number {\n display: block;\n font-size: clamp(32px, 5vw, 42px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n line-height: 1;\n}\n\n.alep-stat-label {\n display: block;\n font-size: 14px;\n color: var(--alep-secondary);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n\/* === STEPS === *\/\n.alep-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.alep-step {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n transition: all .3s ease;\n}\n\n.alep-step:hover {\n transform: translateX(8px);\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(45,80,22,.3);\n}\n\n.alep-step-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.alep-step-content p {\n font-size: 15px;\n color: var(--alep-text-light);\n margin: 0;\n}\n\n.alep-usages {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.alep-usage-tag {\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n border: 2px solid var(--alep-primary);\n}\n\n\/* === INCI === *\/\n.alep-inci-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.alep-inci-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.alep-inci-card:hover {\n transform: translateY(-4px);\n border-color: var(--alep-border);\n}\n\n.alep-inci-bio {\n background: linear-gradient(135deg, var(--alep-primary-light) 0%, #E8F5E9 100%);\n border-color: var(--alep-primary);\n}\n\n.alep-inci-star {\n background: linear-gradient(135deg, var(--alep-accent-light) 0%, #FFF8E1 100%);\n border-color: var(--alep-accent);\n}\n\n.alep-inci-icon {\n font-size: 28px;\n margin-bottom: .5rem;\n}\n\n.alep-inci-name {\n font-size: 13px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin-bottom: .25rem;\n}\n\n.alep-inci-desc {\n font-size: 12px;\n color: var(--alep-text-light);\n}\n\n.alep-inci-badge {\n position: absolute;\n top: -8px;\n right: -8px;\n background: var(--alep-primary);\n color: white;\n font-size: 10px;\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 999px;\n}\n\n.alep-inci-star .alep-inci-badge {\n background: var(--alep-accent);\n color: var(--alep-primary-dark);\n}\n\n.alep-inci-legend {\n text-align: center;\n font-size: 13px;\n color: var(--alep-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.alep-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.alep-certif-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--alep-shadow);\n border: 2px solid var(--alep-border);\n transition: all .3s ease;\n}\n\n.alep-certif-card:hover {\n border-color: var(--alep-primary);\n transform: translateY(-4px);\n}\n\n.alep-certif-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n}\n\n.alep-certif-label {\n font-size: 16px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin-bottom: .5rem;\n}\n\n.alep-certif-card p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n}\n\n\/* === INFO GRID === *\/\n.alep-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.alep-info-item {\n background: var(--alep-white);\n border-radius: var(--alep-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--alep-shadow);\n}\n\n.alep-info-icon {\n font-size: 28px;\n}\n\n.alep-info-label {\n font-size: 12px;\n color: var(--alep-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n display: block;\n}\n\n.alep-info-value {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n}\n\n\/* === WARNING === *\/\n.alep-warning-box {\n background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);\n border: 2px solid #F59E0B;\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.alep-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.alep-warning-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: #B45309;\n margin: 0 0 1rem 0;\n}\n\n.alep-warning-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.alep-warning-content li {\n padding: .4rem 0;\n font-size: 14px;\n color: #92400E;\n position: relative;\n padding-left: 1.25rem;\n}\n\n.alep-warning-content li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #F59E0B;\n font-weight: bold;\n}\n\n\/* === CTA BOX === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 30% 70%, rgba(196,165,116,.2) 0%, transparent 50%),\n radial-gradient(ellipse at 70% 30%, rgba(255,255,255,.1) 0%, transparent 40%);\n}\n\n.alep-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.alep-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.alep-cta-badges span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .alep-grid,\n .alep-comparison,\n .alep-certif-grid,\n .alep-info-grid {\n grid-template-columns: 1fr;\n }\n \n .alep-inci-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .alep-step {\n flex-direction: column;\n text-align: center;\n }\n \n .alep-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .alep-highlight-stats {\n flex-direction: column;\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card,\n .alep-vs-card,\n .alep-step,\n .alep-inci-card,\n .alep-certif-card {\n animation: alepFadeInUp .6s ease backwards;\n }\n \n .alep-card:nth-child(1), .alep-vs-card:nth-child(1), .alep-step:nth-child(1) { animation-delay: .1s; }\n .alep-card:nth-child(2), .alep-vs-card:nth-child(2), .alep-step:nth-child(2) { animation-delay: .2s; }\n .alep-card:nth-child(3), .alep-step:nth-child(3) { animation-delay: .3s; }\n .alep-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes alepFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .alep-premium {\n --alep-text: #000000;\n --alep-text-light: #333333;\n }\n \n .alep-card,\n .alep-inci-card,\n .alep-certif-card {\n border: 2px solid var(--alep-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56372594606457,"sku":"NBAIEMM0050","price":16.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Savonalepbioliquideemmanoel_11zon.jpg?v=1766057735"},{"product_id":"gel-douche-4-en-1-bio-250ml-blondepil","title":"Gel douche 4 en 1 Bio - 250 ml- Blondépil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel douche 4 en 1 Bio - Blondépil Homme\nPalette détectée:\n - Primaire: #1a2744 (bleu marine profond du packaging)\n - Secondaire: #2ab3b1 (turquoise\/cyan des encarts \"Doux comme un agneau\")\n - Accent: #d94f3d (rouge\/corail des bannières \"Fabrication Française\")\n - Vert bio: #5a9a3d (vert du label Cosmos Organic)\nAmbiance: Masculine, fraîche, naturelle\/bio, décontractée (illustration homme détendu), moderne\nPréfixe CSS: bdh\n--\u003e\n\u003cdiv class=\"bdh-premium\"\u003e\n\u003cdiv class=\"bdh-hero\"\u003e\n\u003cdiv class=\"bdh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bdh-hero-content\"\u003e\n\u003cdiv class=\"bdh-badges-top\"\u003e\n\u003cspan class=\"bdh-badge\"\u003e🌿 98% naturel\u003c\/span\u003e \u003cspan class=\"bdh-badge\"\u003e🏆 Certifié BIO\u003c\/span\u003e \u003cspan class=\"bdh-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bdh-hero-title\"\u003eGel douche 4 en 1 Bio\u003c\/span\u003e\n\u003cp class=\"bdh-subtitle\"\u003eUne seule douche pour tout nettoyer\u003c\/p\u003e\n\u003cp class=\"bdh-description\"\u003eCorps • Visage • Cheveux • Barbe - La routine simplifiée pour les hommes exigeants\u003c\/p\u003e\n\u003cdiv class=\"bdh-hero-highlight\"\u003e\n\u003cspan class=\"bdh-highlight-item\"\u003e🧴 250ml\u003c\/span\u003e \u003cspan class=\"bdh-highlight-item\"\u003e♻️ 100% recyclable\u003c\/span\u003e \u003cspan class=\"bdh-highlight-item\"\u003e🌱 Biodégradable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003ePourquoi ce gel douche va révolutionner votre routine\u003c\/h2\u003e\n\u003cdiv class=\"bdh-grid\"\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e4️⃣ Formule 4 en 1\u003c\/h3\u003e\n\u003cp\u003eCorps, visage, cheveux et barbe en un seul produit. Fini l'encombrement dans la salle de bain !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌿 98% d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eDont 25% d'ingrédients issus de l'agriculture biologique pour une formule respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e✅ Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eLabel Ecocert garantissant une formulation bio rigoureuse et contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🔬 Testé dermatologiquement\u003c\/h3\u003e\n\u003cp\u003eEfficacité et tolérance validées sous contrôle dermatologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire et traçabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFormule biodégradable et emballage 100% recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003eDes actifs naturels pour une peau douce\u003c\/h2\u003e\n\u003cdiv class=\"bdh-ingredients-grid\"\u003e\n\u003cdiv class=\"bdh-ingredient-card bdh-ingredient-featured\"\u003e\n\u003cdiv class=\"bdh-ingredient-content\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🪴 Aloe vera biologique\u003c\/h3\u003e\n\u003cspan class=\"bdh-ingredient-tag\"\u003eHydratant\u003c\/span\u003e\n\u003cp\u003eReconnu pour ses propriétés hydratantes exceptionnelles, il aide à maintenir le confort de la peau après la douche. Apaise et nourrit en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-ingredient-card bdh-ingredient-featured\"\u003e\n\u003cdiv class=\"bdh-ingredient-content\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌾 Protéines de blé\u003c\/h3\u003e\n\u003cspan class=\"bdh-ingredient-tag\"\u003eAdoucissant\u003c\/span\u003e\n\u003cp\u003eLeurs vertus adoucissantes laissent la peau et les cheveux souples et agréables au toucher. Renforce et protège la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-fragrance-box\"\u003e\n\u003cdiv class=\"bdh-fragrance-content\"\u003e\n\u003ch4\u003e \u003cmeta charset=\"utf-8\"\u003e🍃Parfum minéral aux notes boisées et fraîches\u003c\/h4\u003e\n\u003cp\u003eUne sensation de fraîcheur durable, renforcée par la présence de menthol naturel dans la formule. L'évasion au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"bdh-steps\"\u003e\n\u003cdiv class=\"bdh-step\"\u003e\n\u003cdiv class=\"bdh-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bdh-step-content\"\u003e\n\u003ch4\u003eAppliquez\u003c\/h4\u003e\n\u003cp\u003eUne noisette de gel sur peau mouillée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-step\"\u003e\n\u003cdiv class=\"bdh-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bdh-step-content\"\u003e\n\u003ch4\u003eFaites mousser\u003c\/h4\u003e\n\u003cp\u003eSur le corps, le visage, les cheveux ou la barbe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-step\"\u003e\n\u003cdiv class=\"bdh-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bdh-step-content\"\u003e\n\u003ch4\u003eRincez\u003c\/h4\u003e\n\u003cp\u003eAbondamment à l'eau claire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-tip-box\"\u003e\n\u003cspan class=\"bdh-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSa texture en gel permet un dosage précis et une mousse onctueuse qui nettoie efficacement sans assécher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"bdh-inci-box\"\u003e\n\u003cp class=\"bdh-inci-text\"\u003eAqua (Water), Sodium Coco-Sulfate, Coco-Glucoside, Cocamidopropyl Betaine, \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e, Citric Acid, Cocodimonium Hydroxypropyl Hydrolyzed Wheat Protein, Parfum (Fragrance), Menthyl Lactate, Glyceryl Oleate, Sodium Chloride, Sodium Benzoate, Sodium Sulfate, Sodium Hydroxide, Potassium Sorbate, \u003cstrong\u003eMenthol*\u003c\/strong\u003e, Citral, Benzyl Salicylate, Linalool.\u003c\/p\u003e\n\u003cp class=\"bdh-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003cdiv class=\"bdh-warning-box\"\u003e\n\u003cdiv class=\"bdh-warning-content\"\u003e\n\u003ch4\u003e⚠️ Précautions d'emploi\u003c\/h4\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement et abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bdh-cta-box\"\u003e\n\u003cdiv class=\"bdh-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bdh-cta-content\"\u003e\n\u003cspan class=\"bdh-cta-badge\"\u003e🌿 Doux comme un agneau\u003c\/span\u003e\n\u003cp\u003eSimplifiez votre routine quotidienne avec un seul produit certifié bio qui prend soin de vous et de la planète.\u003c\/p\u003e\n\u003cdiv class=\"bdh-cta-features\"\u003e\n\u003cspan\u003e✓ 4 en 1\u003c\/span\u003e \u003cspan\u003e✓ 98% naturel\u003c\/span\u003e \u003cspan\u003e✓ Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bdh-cream: #f5f7fa;\n --bdh-white: #ffffff;\n --bdh-primary: #1a2744;\n --bdh-primary-dark: #0f1829;\n --bdh-primary-light: #2a3a5c;\n --bdh-secondary: #2ab3b1;\n --bdh-secondary-light: #e6f7f7;\n --bdh-accent: #d94f3d;\n --bdh-green: #5a9a3d;\n --bdh-green-light: #e8f5e0;\n --bdh-text: #1a1a1a;\n --bdh-text-light: #5a5a5a;\n --bdh-border: #e0e4e8;\n --bdh-shadow: 0 4px 24px rgba(26,39,68,.08);\n --bdh-shadow-lg: 0 12px 48px rgba(26,39,68,.15);\n --bdh-radius: 20px;\n --bdh-radius-sm: 12px;\n}\n\n.bdh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bdh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bdh-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bdh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bdh-primary) 0%, var(--bdh-primary-light) 50%, var(--bdh-secondary) 100%);\n border-radius: var(--bdh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--bdh-shadow-lg);\n}\n\n.bdh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(42,179,177,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(217,79,61,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.bdh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bdh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bdh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bdh-primary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bdh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bdh-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bdh-subtitle {\n color: var(--bdh-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.bdh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.6;\n margin: 0 0 2rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bdh-hero-highlight {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.bdh-highlight-item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.2);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.bdh-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bdh-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bdh-primary);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bdh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bdh-secondary), var(--bdh-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bdh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.bdh-card {\n background: var(--bdh-white);\n border-radius: var(--bdh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bdh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bdh-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bdh-shadow-lg);\n border-color: var(--bdh-secondary);\n}\n\n.bdh-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.bdh-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bdh-primary);\n margin: 0 0 .75rem 0;\n}\n\n.bdh-card p {\n font-size: 15px;\n color: var(--bdh-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENTS === *\/\n.bdh-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.bdh-ingredient-card {\n display: flex;\n gap: 1.25rem;\n background: var(--bdh-white);\n border-radius: var(--bdh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bdh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bdh-ingredient-card:hover {\n border-color: var(--bdh-green);\n transform: translateY(-4px);\n}\n\n.bdh-ingredient-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.bdh-ingredient-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bdh-primary);\n margin: 0 0 .5rem 0;\n}\n\n.bdh-ingredient-tag {\n display: inline-block;\n padding: 4px 12px;\n background: var(--bdh-green-light);\n color: var(--bdh-green);\n font-size: 12px;\n font-weight: 700;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.bdh-ingredient-content p {\n font-size: 14px;\n color: var(--bdh-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.bdh-fragrance-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--bdh-secondary-light) 0%, rgba(42,179,177,.1) 100%);\n border-radius: var(--bdh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--bdh-secondary);\n}\n\n.bdh-fragrance-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.bdh-fragrance-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bdh-primary);\n margin: 0 0 .5rem 0;\n}\n\n.bdh-fragrance-content p {\n font-size: 15px;\n color: var(--bdh-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.bdh-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.bdh-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bdh-white);\n border-radius: var(--bdh-radius);\n padding: 1.5rem;\n box-shadow: var(--bdh-shadow);\n transition: all .3s ease;\n}\n\n.bdh-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--bdh-shadow-lg);\n}\n\n.bdh-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--bdh-secondary) 0%, var(--bdh-primary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.bdh-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bdh-primary);\n margin: 0 0 .25rem 0;\n}\n\n.bdh-step-content p {\n font-size: 14px;\n color: var(--bdh-text-light);\n line-height: 1.5;\n margin: 0;\n}\n\n.bdh-tip-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, rgba(42,179,177,.1) 0%, rgba(26,39,68,.05) 100%);\n border-radius: var(--bdh-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--bdh-secondary);\n}\n\n.bdh-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.bdh-tip-box p {\n font-size: 15px;\n color: var(--bdh-text);\n line-height: 1.6;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === PROFILES === *\/\n.bdh-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n}\n\n.bdh-profile-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--bdh-white);\n border-radius: var(--bdh-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--bdh-shadow);\n transition: all .3s ease;\n}\n\n.bdh-profile-card:hover {\n transform: translateX(8px);\n border-left: 4px solid var(--bdh-secondary);\n}\n\n.bdh-profile-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.bdh-profile-card p {\n font-size: 15px;\n color: var(--bdh-text);\n line-height: 1.5;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === INCI === *\/\n.bdh-inci-box {\n background: var(--bdh-white);\n border-radius: var(--bdh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bdh-shadow);\n}\n\n.bdh-inci-text {\n font-size: 13px;\n color: var(--bdh-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.bdh-inci-text strong {\n color: var(--bdh-green);\n}\n\n.bdh-inci-note {\n font-size: 13px;\n color: var(--bdh-green);\n font-style: italic;\n margin: 0;\n font-weight: 600;\n}\n\n\/* === INFO GRID === *\/\n.bdh-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.bdh-info-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--bdh-white);\n border-radius: var(--bdh-radius-sm);\n padding: 1.5rem 1rem;\n box-shadow: var(--bdh-shadow);\n transition: all .3s ease;\n}\n\n.bdh-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--bdh-shadow-lg);\n}\n\n.bdh-info-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n}\n\n.bdh-info-label {\n font-size: 12px;\n color: var(--bdh-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n font-weight: 600;\n margin-bottom: .25rem;\n}\n\n.bdh-info-value {\n font-size: 16px;\n color: var(--bdh-primary);\n font-weight: 800;\n}\n\n\/* === WARNING === *\/\n.bdh-warning-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #fff5f3 0%, #fef0ed 100%);\n border-radius: var(--bdh-radius);\n padding: 1.5rem;\n border: 2px solid var(--bdh-accent);\n}\n\n.bdh-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.bdh-warning-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bdh-accent);\n margin: 0 0 .5rem 0;\n}\n\n.bdh-warning-content p {\n font-size: 14px;\n color: var(--bdh-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.bdh-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--bdh-primary) 0%, var(--bdh-primary-light) 50%, var(--bdh-secondary) 100%);\n border-radius: var(--bdh-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n}\n\n.bdh-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(42,179,177,.2) 0%, transparent 40%);\n}\n\n.bdh-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.bdh-cta-badge {\n display: inline-block;\n padding: 10px 24px;\n background: rgba(255,255,255,.95);\n border-radius: 999px;\n font-size: 16px;\n font-weight: 800;\n color: var(--bdh-primary);\n margin-bottom: 1.5rem;\n}\n\n.bdh-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bdh-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.bdh-cta-features span {\n padding: 8px 16px;\n background: rgba(255,255,255,.2);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 600;\n backdrop-filter: blur(10px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bdh-grid {\n grid-template-columns: 1fr;\n }\n \n .bdh-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .bdh-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n \n .bdh-fragrance-box {\n flex-direction: column;\n text-align: center;\n }\n \n .bdh-steps {\n grid-template-columns: 1fr;\n }\n \n .bdh-profiles-grid {\n grid-template-columns: 1fr;\n }\n \n .bdh-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .bdh-warning-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bdh-card,\n .bdh-ingredient-card,\n .bdh-step,\n .bdh-profile-card,\n .bdh-info-item {\n animation: bdhFadeInUp .6s ease backwards;\n }\n \n .bdh-card:nth-child(1), .bdh-step:nth-child(1), .bdh-profile-card:nth-child(1) { animation-delay: .1s; }\n .bdh-card:nth-child(2), .bdh-step:nth-child(2), .bdh-profile-card:nth-child(2) { animation-delay: .2s; }\n .bdh-card:nth-child(3), .bdh-step:nth-child(3), .bdh-profile-card:nth-child(3) { animation-delay: .3s; }\n .bdh-card:nth-child(4), .bdh-profile-card:nth-child(4) { animation-delay: .4s; }\n .bdh-card:nth-child(5) { animation-delay: .5s; }\n .bdh-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes bdhFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bdh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bdh-card,\n .bdh-ingredient-card,\n .bdh-step,\n .bdh-profile-card {\n border: 2px solid var(--bdh-text);\n }\n \n .bdh-badge {\n border: 2px solid var(--bdh-primary);\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":56420165779833,"sku":"PFC901583","price":1.83,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-4-en-1-bio-250ml-blondepil-lifestyle.jpg?v=1767789602"},{"product_id":"gel-soin-douche-bio-200ml-naturaloe","title":"Gel soin douche bio - 200ml - Naturaloé","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel soin douche bio - 200ml - Naturaloé\nPalette détectée:\n - Primaire: #5B8FAD (bleu-gris doux du logo aloe vera et bandeau)\n - Secondaire: #2D2D2D (noir élégant de l'étiquette)\n - Accent: #D4A853 (doré miel, évoquant l'ingrédient miel)\n - Tertiaire: #7A9B6D (vert olive naturel, évoquant l'aloé vera)\nAmbiance: Naturel\/Bio, douceur, pureté, soin familial, fabrication française\nPréfixe CSS: na\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir un gel douche bio à l'aloé vera natif ?\"\n 2. \"Une formule 100% d'origine naturelle qui protège votre peau\"\n 3. \"Des ingrédients nobles pour une toilette naturelle\"\n 4. \"Comment utiliser ce gel soin douche bio ?\"\n 5. \"Liste complète des ingrédients (INCI)\"\n 6. \"Un engagement écologique et local\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"na-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"na-hero\"\u003e\n \u003cdiv class=\"na-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"na-hero-content\"\u003e\n \u003cdiv class=\"na-badges-top\"\u003e\n \u003cspan class=\"na-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🍃 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"na-hero-title\"\u003eGel Soin Douche Bio Naturaloé\u003c\/span\u003e\n \u003cp class=\"na-subtitle\"\u003eÀ l'aloé vera natif, miel \u0026amp; huile d'olive\u003c\/p\u003e\n \u003cp class=\"na-description\"\u003eUne toilette quotidienne qui nettoie sans jamais agresser. Formulé pour les peaux sensibles, réactives et atopiques, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel douche bio à l'aloé vera natif ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eContrairement aux gels conventionnels à base de poudre réhydratée, Naturaloé utilise exclusivement le jus frais bio d'Aloe barbadensis, préservant toutes ses propriétés exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eL'aloé vera natif conserve toutes ses propriétés hydratantes et nourrissantes pour une peau souple et satinée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌸 Zéro tiraillement\u003c\/h3\u003e\n \u003cp\u003eDès la première utilisation, votre peau reste douce sans cette sensation désagréable après la douche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🩹 Apaisement naturel\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et démangeaisons tout en renforçant le film hydrolipidique de l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eUne formule 100% d'origine naturelle qui protège votre peau\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCe gel douche bio ne se contente pas de nettoyer : il prend soin de votre peau au quotidien grâce à une formulation pensée pour respecter les épidermes les plus fragiles.\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eTensioactifs d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💎 Anti-calcaire\u003c\/h3\u003e\n \u003cp\u003ePrévient la déshydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e❤️ Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eApaise et calme les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTesté sous contrôle dermatologique\u003c\/strong\u003e, ce gel soin douche convient à toute la famille, des plus petits aux adultes, et s'utilise de la tête aux pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eDes ingrédients nobles pour une toilette naturelle\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eLa richesse de ce soin lavant réside dans ses actifs soigneusement sélectionnés, avec 21,1% d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloé vera natif bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, nourrit et apaise la peau en profondeur grâce au jus frais extrait du cœur des feuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit et protège l'épiderme grâce à ses propriétés nourrissantes et réparatrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et prévient efficacement le dessèchement de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de la peau tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel soin douche bio ?\u003c\/h2\u003e\n \u003cdiv class=\"na-timeline\"\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez délicatement avant chaque utilisation pour homogénéiser les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noix\u003c\/h3\u003e\n \u003cp\u003eDans le creux de votre main, une petite quantité suffit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et émulsionnez\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, massez généreusement pour créer une mousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire, puis séchez délicatement votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e évitez le contact avec les yeux. En cas de projection, rincez immédiatement et abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eListe des ingrédients (INCI) et précautions\u003c\/h2\u003e\n \u003cdiv class=\"na-accordion\"\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eAqua, Aloe barbadensis leaf juice*, Sodium coco-sulfate, Glycerin, Decyl glucoside, Cocamidopropyl betaine, Sodium chloride, Leuconostoc\/radish root ferment filtrate, Mel*, Olea europaea*, Coconut alcohol, Sodium sulfate, Litsea cubeba fruit oil*, Citric acid, Sodium levulinate, Sodium anisate, Glycine soja*, Tocopherol, Citral, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"na-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement écologique et local\u003c\/h2\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇪🇸 Aloé vera d'Espagne\u003c\/h3\u003e\n \u003cp\u003eCulture de proximité pour réduire l'empreinte carbone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Loire-Atlantique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-cta-box\"\u003e\n \u003cp\u003eEn optant pour ce gel douche bio pour toute la famille, vous faites le choix d'un produit respectueux de votre peau et de l'environnement, sans compromis sur l'efficacité ni le plaisir d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"na-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --na-cream: #f8f7f4;\n --na-white: #ffffff;\n --na-primary: #5B8FAD;\n --na-primary-dark: #3d6a85;\n --na-primary-light: #e8f1f5;\n --na-secondary: #2D2D2D;\n --na-accent: #D4A853;\n --na-green: #7A9B6D;\n --na-text: #1a1a1a;\n --na-text-light: #5a5a5a;\n --na-border: #e0e0e0;\n --na-shadow: 0 4px 24px rgba(0,0,0,.08);\n --na-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --na-radius: 20px;\n --na-radius-sm: 12px;\n}\n\n.na-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--na-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.na-hero {\n position: relative;\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-primary-dark) 50%, var(--na-green) 100%);\n border-radius: var(--na-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--na-shadow-lg);\n}\n\n.na-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15 45 20 45 30 C45 40 35 45 30 55 C25 45 15 40 15 30 C15 20 25 15 30 5Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.na-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.na-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.na-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--na-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.na-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.na-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.na-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.na-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.na-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.na-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--na-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.na-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--na-primary), var(--na-green));\n border-radius: 2px;\n}\n\n.na-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--na-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.na-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.na-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.na-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.na-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--na-shadow-lg);\n border-color: var(--na-primary);\n}\n\n.na-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--na-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.na-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-grid-compact .na-card {\n padding: 1rem;\n}\n\n.na-grid-compact .na-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.na-grid-compact .na-card p {\n font-size: 12px;\n}\n\n.na-card-ingredient {\n border-left: 4px solid var(--na-green);\n}\n\n.na-card-ingredient:hover {\n border-color: var(--na-green);\n}\n\n.na-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.na-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.na-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--na-primary), var(--na-green));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(91,143,173,.3);\n}\n\n.na-timeline-content {\n flex: 1;\n background: var(--na-white);\n padding: 1rem 1.25rem;\n border-radius: var(--na-radius-sm);\n box-shadow: var(--na-shadow);\n}\n\n.na-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--na-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.na-timeline-content p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.na-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--na-primary-light);\n border-radius: var(--na-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.na-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.na-tip p {\n font-size: 14px;\n color: var(--na-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-accordion {\n background: var(--na-white);\n border-radius: var(--na-radius);\n box-shadow: var(--na-shadow);\n overflow: hidden;\n}\n\n.na-accordion-item {\n border-bottom: 1px solid var(--na-border);\n margin: 0;\n padding: 0;\n}\n\n.na-accordion-item:last-child {\n border-bottom: none;\n}\n\n.na-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--na-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.na-accordion-header:hover {\n background: var(--na-primary-light);\n}\n\n.na-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.na-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--na-primary);\n transition: transform .2s ease;\n}\n\n.na-accordion-item[open] .na-accordion-header::after {\n content: '−';\n}\n\n.na-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--na-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.na-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.na-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.na-cta-box {\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-primary-dark) 100%);\n border-radius: var(--na-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.na-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.na-disclaimer {\n font-size: 12px;\n color: var(--na-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .na-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-card {\n padding: 1.125rem;\n }\n \n .na-section {\n margin-bottom: 1.75rem;\n }\n \n .na-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--na-radius-sm);\n }\n \n .na-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .na-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .na-grid-compact {\n gap: .625rem;\n }\n \n .na-grid-compact .na-card {\n padding: .75rem;\n }\n \n .na-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .na-timeline-content {\n padding: .875rem 1rem;\n }\n \n .na-timeline-content h3 {\n font-size: 14px;\n }\n \n .na-timeline-content p {\n font-size: 13px;\n }\n \n .na-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .na-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .na-tip {\n padding: .875rem 1rem;\n }\n \n .na-tip-icon {\n font-size: 20px;\n }\n \n .na-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .na-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-card:nth-child(1) { animation-delay: .05s; }\n .na-card:nth-child(2) { animation-delay: .1s; }\n .na-card:nth-child(3) { animation-delay: .15s; }\n .na-card:nth-child(4) { animation-delay: .2s; }\n .na-card:nth-child(5) { animation-delay: .25s; }\n .na-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .na-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56538015727993,"sku":"NBAIALO0003","price":12.69,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-soin-douche-bio-200ml-naturaloe-lifestyle_8e4715c3-c480-473e-8c1e-8af06b1e94d5.webp?v=1769013462"},{"product_id":"gel-douche-poudre-fleur-de-tiare-pimpant","title":"Recharge de Gel douche à Diluer - Fleur de tiaré - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🏆 100\/100 Yuka\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🚫 Sans sulfate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge de Gel douche à diluer Fleur de Tiaré\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003e250 ml de gel douche onctueux - \u003cmeta charset=\"utf-8\"\u003ePimpant\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eUn rituel de douche tropical, zéro déchet et certifié naturel.\u003cbr\u003eLe parfum envoûtant du tiaré polynésien, dans un format ultra-écologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eGel douche à diluer Fleur de Tiaré Pimpant : une peau douce aux notes ensoleillées\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eImaginez un parfum qui vous transporte instantanément sous les cocotiers de Polynésie, à chaque douche.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌺 Parfum solaire\u003c\/h3\u003e\n\u003cp\u003eNotes envoûtantes de fleur de tiaré polynésienne, spécialement créées pour Pimpant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✨ Concept malin\u003c\/h3\u003e\n\u003cp\u003eUne recharge de poudre à diluer qui se transforme en 250 ml de gel douche onctueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eFini les flacons plastiques jetables, place à un soin éco-responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏆 Noté 100\/100\u003c\/h3\u003e\n\u003cp\u003eScore parfait sur Yuka et 19.2\/20 sur INCI Beauty\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche à diluer plutôt qu'un gel classique ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eContrairement aux gels douche traditionnels, ce format en pastille supprime le transport d'eau inutile. Un stick de papier de seulement \u003cstrong\u003e25 g\u003c\/strong\u003e que vous mélangez chez vous avec de l'eau du robinet.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 94 % de plastique en moins\u003c\/h3\u003e\n\u003cp\u003ePar rapport à un flacon de gel douche classique, l'impact environnemental est drastiquement réduit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sèches et sensibles, sans jamais dessécher grâce à sa formule sans sulfate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Aussi agréable qu'un gel liquide\u003c\/h3\u003e\n\u003cp\u003eTexture crémeuse et mousse généreuse, identiques à un gel douche conventionnel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne composition naturelle irréprochable\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe gel douche affiche \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, une certification \u003cstrong\u003eCOSMOS Natural par Ecocert\u003c\/strong\u003e et une note de \u003cstrong\u003e19.2\/20 sur INCI Beauty\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux dérivé de la noix de coco, il nettoie en douceur et produit une mousse généreuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 Gomme de Xanthane\u003c\/h3\u003e\n\u003cp\u003eAgent gélifiant naturel qui donne au gel sa texture onctueuse et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💦 Érythritol\u003c\/h3\u003e\n\u003cp\u003eHumectant qui aide à maintenir l'hydratation naturelle de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n\u003cp\u003eCocos Nucifera Oil — nourrit et protège la peau en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n\u003cp\u003eNotes solaires de fleur de tiaré, d'origine naturelle, spécialement créé pour Pimpant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule douce et respectueuse de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Cocoyl Glutamate, Xanthan Gum, Erythritol, Potassium Sorbate, Sodium Benzoate, Parfum (Fragrance), Citric Acid, Cocos Nucifera (Coconut) Oil, Silica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🐰 Engagements formule\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eLa formule est \u003cstrong\u003evegan\u003c\/strong\u003e et ne contient ni sulfate, ni colorant, ni silicone. Conservateurs autorisés en cosmétique naturelle : sorbate de potassium et benzoate de sodium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est simple et ne prend que quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003e💧 Versez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez le flacon jusqu'à la bulle blanche (environ 225 ml) avec de l'eau tiède du robinet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003e✉️ Ajoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu d'une recharge de poudre dans le flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003e🔄 Secouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eAgitez bien le flacon pour dissoudre la poudre de manière homogène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003e⏳ Patientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer avant la première utilisation pour obtenir la texture crémeuse parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous obtenez \u003cstrong\u003e250 ml de gel douche\u003c\/strong\u003e prêt à l'emploi, à la texture crémeuse et au parfum envoûtant de tiaré. Un flacon-pompe en verre sécurisé de 300 ml est disponible séparément pour compléter votre rituel zéro déchet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eConservation et conseils pratiques\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recharge non ouverte se conserve \u003cstrong\u003e3 ans\u003c\/strong\u003e. Une fois le gel douche préparé, utilisez-le dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eFabriqué en \u003cstrong\u003eNormandie\u003c\/strong\u003e, ce produit allie exigence de qualité française et démarche écologique responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez à votre peau la douceur du tiaré polynésien, dans un geste éco-responsable.\u003cbr\u003eUn gel douche naturel, sans sulfate, fabriqué en France — votre rituel de douche réinventé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eComplément cosmétique. Usage externe uniquement. Formule certifiée COSMOS Natural par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pp-cream: #FFF5EC;\n --pp-white: #ffffff;\n --pp-primary: #5BC4E0;\n --pp-primary-dark: #2A8FA8;\n --pp-primary-light: #E8F7FB;\n --pp-secondary: #9B4DCA;\n --pp-accent: #F5A623;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8e0d8;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #5BC4E0 0%, #9B4DCA 50%, #F5A623 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-secondary) 60%, var(--pp-accent) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56703696404857,"sku":"NBAIPIM0006","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-a-diluer-fleur-de-tiare-pimpant-lifestyle.webp?v=1771586127"},{"product_id":"recharge-gel-douche-poudre-vanille-gourmande-pimpant","title":"Recharge de Gel douche à Diluer - Vanille Gourmande - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pmp-hero\"\u003e\n\u003cdiv class=\"pmp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pmp-hero-content\"\u003e\n\u003cdiv class=\"pmp-badges-top\"\u003e\n\u003cspan class=\"pmp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e💯 Yuka 100\/100\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e📦 83 % papier FSC®\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pmp-hero-title\"\u003eRecharge de Gel douche à diluer\u003cbr\u003eVanille Gourmande\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003ePimpant : Le plaisir de la douche, sans le plastique\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003eUn stick de 25 g + de l'eau tiède = 250 ml de gel douche onctueux au parfum vanille enveloppant. Aussi gourmand pour votre peau que respectueux de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eGel douche à diluer Vanille Gourmande Pimpant : le plaisir sans le plastique\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eEt si votre prochain \u003cstrong\u003egel douche vanille\u003c\/strong\u003e ne venait pas dans un énième flacon plastique, mais dans un simple stick en papier ?\u003c\/p\u003e\n\u003cdiv class=\"pmp-highlight-box\"\u003e\n\u003cp\u003ePimpant réinvente votre routine douche avec cette \u003cstrong\u003erecharge de gel douche à diluer\u003c\/strong\u003e aussi gourmande pour la peau que respectueuse de la planète. Un sachet de \u003cstrong\u003e25 g\u003c\/strong\u003e, un peu d'eau tiède, et vous obtenez \u003cstrong\u003e250 ml de gel douche onctueux\u003c\/strong\u003e au parfum de vanille enveloppant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche à diluer plutôt qu'un flacon classique ?\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eLe concept est simple et malin : vous ne transportez plus d'eau inutile. La recharge Pimpant contient uniquement la matière active sous forme de poudre concentrée. Vous ajoutez l'eau chez vous, directement dans votre bouteille réutilisable.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e♻️ Moins de plastique\u003c\/h3\u003e\n\u003cp\u003eL'emballage est composé à \u003cstrong\u003e83 % de papier certifié FSC®\u003c\/strong\u003e et 17 % de PE. Un format ultra-léger qui réduit drastiquement les déchets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🚛 Moins d'émissions transport\u003c\/h3\u003e\n\u003cp\u003eUn stick de \u003cstrong\u003e25 g\u003c\/strong\u003e pèse bien moins qu'un flacon de 250 ml. Moins de poids = moins de CO₂ sur la route.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e✨ Zéro compromis qualité\u003c\/h3\u003e\n\u003cp\u003eVous obtenez un vrai \u003cstrong\u003egel douche moussant et parfumé\u003c\/strong\u003e, avec une texture gel familière et agréable sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eC'est une alternative concrète aux formats traditionnels type \u003cstrong\u003egel douche solide à diluer\u003c\/strong\u003e, avec l'avantage d'une texture gel familière et agréable sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUne composition irréprochable notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eLa formule contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et affiche une \u003cstrong\u003enote Yuka de 100\/100\u003c\/strong\u003e ainsi qu'un score INCI Beauty de \u003cstrong\u003e19,2\/20\u003c\/strong\u003e. De quoi vous doucher l'esprit tranquille.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧴 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, nettoie sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAide à maintenir l'hydratation naturelle de la peau après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌀 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eAgent gélifiant naturel pour une texture onctueuse et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🛡️ Potassium Sorbate \u0026amp; Sodium Benzoate\u003c\/h3\u003e\n\u003cp\u003eConservateurs doux qui assurent la stabilité de votre gel douche reconstitué.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🍦 Parfum Vanille\u003c\/h3\u003e\n\u003cp\u003eFragrance d'origine naturelle, gourmande et chaleureuse pour un moment cocooning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🍋 Citric Acid\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule parfaitement équilibrée pour la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e🏅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003ecertifiée COSMOS Natural par Ecocert\u003c\/strong\u003e et entièrement \u003cstrong\u003efabriquée en Normandie\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche vanille en 4 étapes ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-timeline\"\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eVersez environ \u003cstrong\u003e225 ml d'eau tiède\u003c\/strong\u003e dans votre bouteille réutilisable (jusqu'à la bulle blanche).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eOuvrez le stick et versez le contenu de la poudre concentrée dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eFermez bien la bouteille et \u003cstrong\u003esecouez vigoureusement\u003c\/strong\u003e pour dissoudre la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e avant la première utilisation. C'est prêt : 250 ml de gel douche crémeux !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eConservation et précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"pmp-accordion\"\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e📦 Durée de conservation\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eRecharge non ouverte :\u003c\/strong\u003e se conserve jusqu'à \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003cbr\u003e\u003cstrong\u003eGel douche reconstitué :\u003c\/strong\u003e à utiliser dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e suivant la préparation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e👶 Convenance enfants\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eConvient aux \u003cstrong\u003eenfants à partir de 3 ans\u003c\/strong\u003e. Non recommandé pour les bébés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pmp-section\"\u003e\n\u003ch2\u003ePour qui est faite cette recharge ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-cta-box\"\u003e\n\u003cp\u003eVous cherchez un \u003cstrong\u003egel douche vanille\u003c\/strong\u003e naturel, efficace et écologique ? Cette recharge Pimpant s'adresse à toutes celles et ceux qui souhaitent \u003cstrong\u003eréduire leur impact environnemental\u003c\/strong\u003e sans renoncer au plaisir d'une douche parfumée. Son format à diluer en fait également un excellent choix pour les \u003cstrong\u003epetits espaces\u003c\/strong\u003e ou les \u003cstrong\u003evoyages\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pmp-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pmp-cream: #FFF9EE;\n --pmp-white: #ffffff;\n --pmp-primary: #F5C53A;\n --pmp-primary-dark: #C49315;\n --pmp-primary-light: #FEF4D6;\n --pmp-secondary: #E8A825;\n --pmp-accent: #F9E5A0;\n --pmp-text: #1a1a1a;\n --pmp-text-light: #5a5a5a;\n --pmp-border: #f0e6d0;\n --pmp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pmp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pmp-radius: 20px;\n --pmp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pmp-hero {\n position: relative;\n background: linear-gradient(135deg, #F5C53A 0%, #E8A825 50%, #C49315 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pmp-shadow-lg);\n}\n\n.pmp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.15) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 2px, transparent 2px),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.12) 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 50px 50px;\n opacity: .6;\n}\n\n.pmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pmp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.pmp-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.pmp-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pmp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pmp-primary), var(--pmp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pmp-highlight-box {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pmp-shadow);\n border-left: 5px solid var(--pmp-primary);\n}\n\n.pmp-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.pmp-card {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmp-shadow-lg);\n border-color: var(--pmp-primary);\n}\n\n.pmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.pmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmp-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--pmp-primary), var(--pmp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 16px rgba(245, 197, 58, .35);\n}\n\n.pmp-timeline-content {\n flex: 1;\n background: var(--pmp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--pmp-radius-sm);\n box-shadow: var(--pmp-shadow);\n}\n\n.pmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmp-timeline-content p {\n font-size: 14px;\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.pmp-testimonial {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pmp-shadow);\n border-left: 4px solid var(--pmp-primary);\n}\n\n.pmp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pmp-accordion {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n box-shadow: var(--pmp-shadow);\n overflow: hidden;\n}\n\n.pmp-accordion-item {\n border-bottom: 1px solid var(--pmp-border);\n margin: 0;\n padding: 0;\n}\n\n.pmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pmp-accordion-header:hover {\n background: var(--pmp-primary-light);\n}\n\n.pmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pmp-primary);\n transition: transform .2s ease;\n}\n\n.pmp-accordion-item[open] .pmp-accordion-header::after {\n content: '−';\n}\n\n.pmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pmp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pmp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pmp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmp-tip p {\n font-size: 14px;\n color: var(--pmp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pmp-cta-box {\n background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-primary-dark) 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pmp-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.pmp-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pmp-disclaimer {\n font-size: 12px;\n color: var(--pmp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pmp-card {\n padding: 1.125rem;\n }\n\n .pmp-section {\n margin-bottom: 1.75rem;\n }\n\n .pmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmp-radius-sm);\n }\n\n .pmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pmp-timeline-number {\n width: 34px;\n height: 34px;\n font-size: 14px;\n }\n\n .pmp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pmp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pmp-timeline-content p {\n font-size: 13px;\n }\n\n .pmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pmp-highlight-box {\n padding: 1.25rem;\n }\n\n .pmp-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pmp-card {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-card:nth-child(1) { animation-delay: .05s; }\n .pmp-card:nth-child(2) { animation-delay: .1s; }\n .pmp-card:nth-child(3) { animation-delay: .15s; }\n .pmp-card:nth-child(4) { animation-delay: .2s; }\n .pmp-card:nth-child(5) { animation-delay: .25s; }\n .pmp-card:nth-child(6) { animation-delay: .3s; }\n\n .pmp-timeline-item {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pmp-timeline-item:nth-child(2) { animation-delay: .12s; }\n .pmp-timeline-item:nth-child(3) { animation-delay: .19s; }\n .pmp-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes pmpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pmp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56704356352377,"sku":"NBAIPIM0001","price":3.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-a-diluer-vanille-gourmande-pimpant-lifestyle_7dc93012-5e52-4520-b2f1-40f8b0c472b7.webp?v=1771928020"},{"product_id":"recharge-gel-douche-sans-parfum-poudre-peaux-sensibles-pimpant","title":"Recharge de Gel douche Sans Parfum à Diluer - Peaux sensibles - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🧪 Sans sulfate\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e✨ Yuka 100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge de Gel douche sans parfum Pimpant\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePoudre à diluer · Peaux sensibles · 250 ml\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eUne poudre magique qui devient un gel douche ultra-doux, sans parfum, sans sulfate, certifié COSMOS Natural. Pour les peaux qui méritent le meilleur, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eGel douche sans parfum Pimpant : la recharge en poudre pensée pour les peaux sensibles\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche sans parfum\u003c\/strong\u003e vraiment doux, respectueux de votre peau et de la planète ?\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Poudre à diluer\u003c\/h3\u003e\n\u003cp\u003eUne solution innovante : 25 g de poudre qui se transforment en 250 ml de gel douche prêt à l'emploi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eFormulé avec des ingrédients d'origine naturelle, sans sulfate, sans savon et sans parfum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux peaux réactives, y compris celles des enfants à partir de 3 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Natural, testé sous contrôle dermatologique et hypoallergénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche sans parfum pour peaux sensibles ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-testimonial\"\u003e\n\u003cp class=\"pp-testimonial-text\"\u003eLes fragrances synthétiques figurent parmi les premières causes d'irritation cutanée. Un \u003cstrong\u003egel douche neutre sans parfum\u003c\/strong\u003e élimine ce risque et lave en douceur, sans agresser le film hydrolipidique de la peau. C'est le choix idéal si vous avez une peau réactive, sujette aux rougeurs, ou si vous recherchez un \u003cstrong\u003egel douche sans parfum sans alcool\u003c\/strong\u003e et sans savon pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e🕌\u003c\/span\u003e\n\u003cp\u003eCe gel douche est également adapté pour la \u003cstrong\u003eomra\u003c\/strong\u003e, où un produit neutre et non parfumé est souvent recommandé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne formule courte, transparente et certifiée\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa composition de ce \u003cstrong\u003egel douche peaux sensibles\u003c\/strong\u003e va droit à l'essentiel :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🥥 Cocoyl glutamate de sodium\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, il nettoie et mousse sans sulfate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 Gomme de xanthane\u003c\/h3\u003e\n\u003cp\u003eAgent gélifiant naturel qui apporte une texture agréable et onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Érythritol\u003c\/h3\u003e\n\u003cp\u003eAdoucissant cutané d'origine naturelle pour un toucher soyeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003eSorbate de potassium et benzoate de sodium pour une conservation en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour un gel douche pH neutre sans parfum, parfaitement équilibré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-scores\"\u003e\n\u003cdiv class=\"pp-score-item\"\u003e\n\u003cspan class=\"pp-score-value\"\u003e100\/100\u003c\/span\u003e \u003cspan class=\"pp-score-label\"\u003eYuka\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-score-item\"\u003e\n\u003cspan class=\"pp-score-value\"\u003e19,4\/20\u003c\/span\u003e \u003cspan class=\"pp-score-label\"\u003eINCI Beauty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est simple et ne prend que quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez votre flacon jusqu'à la bulle blanche (environ 225 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez toute la recharge en poudre (25 g) dans le flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez bien\u003c\/h3\u003e\n\u003cp\u003eVissez le bouchon et secouez énergiquement pour bien mélanger\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eVotre gel douche est prêt à l'emploi !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eUne fois dilué, le gel se conserve \u003cstrong\u003e3 mois\u003c\/strong\u003e. La recharge fermée, quant à elle, se garde jusqu'à \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn geste concret pour l'environnement\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Emballage 100 % recyclable\u003c\/h3\u003e\n\u003cp\u003eComposé de 83 % de papier FSC et 17 % de PE, pour un impact minimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Moins d'eau transportée\u003c\/h3\u003e\n\u003cp\u003eEn expédiant de la poudre plutôt que du liquide, on réduit considérablement le transport d'eau inutile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eFabriqué et conditionné près de Caen, pour limiter l'empreinte carbone à chaque étape\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🤍 Peaux sensibles, réactives ou atopiques\u003c\/h3\u003e\n\u003cp\u003eFormulé sans parfum, sans sulfate et sans savon pour respecter les peaux les plus délicates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👶 Enfants à partir de 3 ans\u003c\/h3\u003e\n\u003cp\u003eUn gel douche doux et neutre, adapté à la peau fragile des enfants (non recommandé pour les bébés)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003ePour toute personne souhaitant un gel douche neutre, doux et naturel au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e ce produit d'hygiène corporelle ne se substitue pas à un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #f8f5fa;\n --pp-white: #ffffff;\n --pp-primary: #B5A4C8;\n --pp-primary-dark: #6B5A7D;\n --pp-primary-light: #EDE6F2;\n --pp-secondary: #D4B8D4;\n --pp-accent: #8E7BA8;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e0d8e8;\n --pp-shadow: 0 4px 24px rgba(107, 90, 125, .08);\n --pp-shadow-lg: 0 12px 48px rgba(107, 90, 125, .15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #9B8BB4 0%, #B5A4C8 35%, #D4B8D4 70%, #E8D5E8 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(107, 90, 125, .3);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(107, 90, 125, .15);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(181, 164, 200, .4);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SCORES === *\/\n.pp-scores {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-top: 1.5rem;\n}\n\n.pp-score-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: 1.25rem 2rem;\n box-shadow: var(--pp-shadow);\n border: 2px solid var(--pp-primary-light);\n transition: all .3s ease;\n}\n\n.pp-score-item:hover {\n transform: translateY(-4px);\n border-color: var(--pp-primary);\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-score-value {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n letter-spacing: -.02em;\n line-height: 1;\n}\n\n.pp-score-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: .35rem;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n\n .pp-scores {\n gap: 1rem;\n }\n\n .pp-score-item {\n padding: 1rem 1.25rem;\n }\n\n .pp-score-value {\n font-size: 24px;\n }\n\n .pp-score-label {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56704431128953,"sku":"NBAIPIM0004","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-sans-parfum-a-diluer-peaux-sensibles--lifestyle.webp?v=1772012266"},{"product_id":"kit-gel-douche-poudre-fleur-de-tiare-pimpant","title":"Kit Découverte Gel douche en Poudre - Fleur de Tiaré - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🌺 Fleur de Tiaré\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e💯 100\/100 Yuka\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eKit Découverte Gel Douche Pimpant - Fleur de Tiaré\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003eLe gel douche en poudre à diluer naturel, zéro déchet et terriblement efficace\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003e1 bouteille réutilisable + 1 stick de poudre = 250 ml de gel douche onctueux prêt en 20 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche Fleur de Tiaré Pimpant : le gel douche naturel en poudre à diluer\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eEt si votre prochain \u003cstrong\u003egel douche naturel\u003c\/strong\u003e tenait dans un simple sachet de poudre ? Avec le kit découverte Pimpant parfum \u003cstrong\u003eFleur de Tiaré\u003c\/strong\u003e, vous préparez vous-même votre gel douche en quelques minutes, directement dans une jolie bouteille réutilisable. Un geste simple, écologique et terriblement efficace pour prendre soin de votre peau au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eQue contient ce kit découverte ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 1 bouteille-pompe réutilisable\u003c\/h3\u003e\n\u003cp\u003e300 ml en verre sécurisé, élégante et pratique. Conçue pour être gardée et rechargée à l'infini.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 1 stick de poudre de 25 g\u003c\/h3\u003e\n\u003cp\u003eÀ diluer avec 225 ml d'eau du robinet. Un petit sachet qui remplace une bouteille en plastique entière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✨ 250 ml de gel douche onctueux\u003c\/h3\u003e\n\u003cp\u003ePrêt en seulement 20 minutes. Une texture généreuse qui mousse merveilleusement sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e♻️\u003c\/span\u003e\n\u003cp\u003eFini les bouteilles en plastique à usage unique ! Conservez votre flacon et commandez simplement de nouvelles recharges. Un choix malin pour votre salle de bain et pour la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn gel douche Fleur de Tiaré aux notes envoûtantes\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌺 Évasion tropicale\u003c\/h3\u003e\n\u003cp\u003eLe parfum de \u003cstrong\u003eFleur de Tiaré\u003c\/strong\u003e vous transporte instantanément sous les tropiques. Cette fragrance douce et florale, 100 % d'origine naturelle, transforme chaque douche en un moment d'évasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco nourrissante\u003c\/h3\u003e\n\u003cp\u003eGrâce à l'\u003cstrong\u003eextrait d'huile de coco\u003c\/strong\u003e, ce gel douche naturel hydrate, nourrit et protège votre peau en profondeur. Aucun produit chimique agressif, juste de la douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👨👩👧 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux \u003cstrong\u003epeaux sèches et sensibles\u003c\/strong\u003e. Utilisable par toute la famille dès 3 ans — aussi bien pour les femmes que pour les hommes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne composition irréprochable, certifiée COSMOS Natural\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card pp-card-score\"\u003e\n\u003ch3\u003e💯 Yuka\u003c\/h3\u003e\n\u003cp\u003eScore exceptionnel de \u003cstrong\u003e100\/100\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card pp-card-score\"\u003e\n\u003ch3\u003e🏅 INCI Beauty\u003c\/h3\u003e\n\u003cp\u003eNote remarquable de \u003cstrong\u003e19.2\/20\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cul class=\"pp-ingredient-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCocoyl Glutamate de Sodium\u003c\/strong\u003e — tensioactif doux d'origine naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGomme de Xanthane\u003c\/strong\u003e — agent gélifiant naturel\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eErythritol\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSorbate de Potassium \u0026amp; Benzoate de Sodium\u003c\/strong\u003e — conservateurs doux\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eParfum d'origine naturelle\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAcide citrique\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eExtrait d'huile de coco\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🚫 Ce que vous ne trouverez PAS dedans\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, formule vegan, \u003cstrong\u003esans sulfate\u003c\/strong\u003e, sans colorant, sans graisse animale. Un vrai gel douche 100 % naturel dans l'esprit, adapté aussi bien aux femmes qu'aux hommes — un excellent gel douche naturel grâce à sa douceur sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche Pimpant ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eRemplissez la bouteille\u003c\/h3\u003e\n\u003cp\u003eVersez de l'eau du robinet jusqu'à la bulle blanche (environ 225 ml).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du stick de poudre dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eMélangez bien pour dissoudre la poudre uniformément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer et c'est prêt ! Votre gel douche onctueux vous attend.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eFabriqué en France, pensé pour durer\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003ePimpant fabrique ses produits en \u003cstrong\u003eNormandie\u003c\/strong\u003e, avec une démarche zéro déchet concrète et un savoir-faire artisanal français.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 3 ans de conservation\u003c\/h3\u003e\n\u003cp\u003eUne recharge fermée se conserve \u003cstrong\u003e3 ans\u003c\/strong\u003e. Achetez en avance sans crainte, elles resteront fraîches et efficaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚿 3 mois après dilution\u003c\/h3\u003e\n\u003cp\u003eUne fois diluée, votre gel douche se conserve \u003cstrong\u003e3 mois\u003c\/strong\u003e — largement le temps d'en profiter chaque jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pp-section\"\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003eSi vous cherchez le \u003cstrong\u003emeilleur gel douche naturel\u003c\/strong\u003e alliant plaisir sensoriel, composition exemplaire et engagement écologique, ce kit découverte coche toutes les cases. 🌺 Testez-le : votre peau et votre conscience vous remercieront.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pp-cream: #FBF7F4;\n --pp-white: #ffffff;\n --pp-primary: #5BBDD4;\n --pp-primary-dark: #2E8FA6;\n --pp-primary-light: #E8F6FA;\n --pp-secondary: #C055A0;\n --pp-accent: #F4A940;\n --pp-rose: #F2DDD5;\n --pp-green: #3A8A5C;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8e0dc;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.07);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.13);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pp-primary) 0%, #4AACCC 30%, var(--pp-secondary) 70%, #D06DB8 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(244,169,64,.15) 0%, transparent 40%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 21px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 550px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD SCORE HIGHLIGHT === *\/\n.pp-card-score {\n background: linear-gradient(135deg, var(--pp-primary-light) 0%, var(--pp-rose) 100%);\n border: 2px solid var(--pp-primary);\n}\n\n.pp-card-score:hover {\n border-color: var(--pp-secondary);\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 17px;\n box-shadow: 0 4px 16px rgba(91,189,212,.35);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1.125rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL (non utilisé ici mais défini) === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === INGREDIENT LIST === *\/\n.pp-ingredient-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.pp-ingredient-list li {\n padding: .5rem .75rem;\n background: var(--pp-primary-light);\n border-radius: 8px;\n font-size: 14px;\n color: var(--pp-text);\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-secondary) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 40%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 34px;\n height: 34px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n\n .pp-badges-top {\n gap: 6px;\n }\n\n .pp-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n\n .pp-ingredient-list li {\n font-size: 13px;\n padding: .4rem .6rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .12s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .19s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56704634454393,"sku":"NBAIPIM0063","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-1-bouteille-1-stick-fleur-de-tiare-lifestyle.webp?v=1771600920"},{"product_id":"recharge-gel-douche-diluer-aloe-vera-pimpant","title":"Recharge de Gel douche à Diluer - Aloe Vera - Pimpant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Recharge de Gel Douche à Diluer - Aloe Vera - Pimpant\nPalette détectée:\n - Primaire: #8ECAC1 (vert d'eau\/turquoise clair du packaging)\n - Secondaire: #5BA89E (vert aloe vera plus soutenu)\n - Accent: #E8655A (rouge-corail du texte \"SANS SULFATE\")\nAmbiance: Naturel, frais, éco-responsable, minimaliste, clean beauty française\nPréfixe CSS: pp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n Aucune description fournie → Création complète de la fiche produit avec H2 pertinents.\n \n H2 créés :\n 1. \"🌿 Un gel douche en poudre, comment ça marche ?\"\n 2. \"✨ Les bienfaits de l'aloe vera pour votre peau\"\n 3. \"🧴 Comment préparer votre gel douche ?\"\n 4. \"🌍 Pourquoi choisir une recharge en poudre ?\"\n 5. \"📋 Composition et informations pratiques\"\n 6. \"💚 L'engagement Pimpant\"\n--\u003e\n\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🧪 Sans sulfate\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🏅 Certifié Cosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge gel douche en poudre à diluer - Aloe vera\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePar Pimpant\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eUne poudre magique qui se transforme en 250 ml de gel douche frais et naturel. Moins de plastique, moins de transport, plus de douceur pour votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003e🌿 Un gel douche en poudre, comment ça marche ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eFini les bouteilles en plastique jetées après chaque utilisation. Pimpant réinvente la douche avec un concept simple et malin : une poudre à diluer dans l'eau, directement dans votre flacon réutilisable.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 Un sachet ultra-léger\u003c\/h3\u003e\n\u003cp\u003eCe petit sachet de quelques grammes remplace un flacon entier de 250 ml de gel douche. Fini le gaspillage de plastique et le transport d'eau inutile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Ajoutez simplement de l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez la poudre dans votre flacon Pimpant ou tout contenant de 250 ml, ajoutez de l'eau tiède, secouez et c'est prêt en quelques minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Un vrai gel douche\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse, mousse généreuse, parfum délicat d'aloe vera : le résultat est identique à un gel douche classique, en bien plus responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de l'aloe vera pour votre peau\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eL'aloe vera est reconnu depuis des millénaires pour ses propriétés apaisantes et hydratantes. Ce gel douche en exploite toute la douceur.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eNourrit et préserve le film hydrolipidique naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Apaisement cutané\u003c\/h3\u003e\n\u003cp\u003eCalme les peaux sensibles, irritées ou réactives au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧬 Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eFavorise le renouvellement naturel des cellules de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Protection douce\u003c\/h3\u003e\n\u003cp\u003eSans sulfate, il respecte les peaux les plus délicates, même des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003e🧴 Comment préparer votre gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eRemplissez votre flacon d'eau\u003c\/h3\u003e\n\u003cp\u003eVersez de l'eau tiède du robinet dans votre flacon réutilisable jusqu'au niveau indiqué (environ 250 ml).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eOuvrez le sachet de recharge et versez l'intégralité de la poudre dans le flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez le flacon et secouez bien pendant 20 à 30 secondes pour dissoudre la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez quelques minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer 5 à 10 minutes. Le gel épaissit naturellement. Votre gel douche est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si le gel vous semble trop épais ou trop liquide, ajustez simplement la quantité d'eau. L'eau tiède (pas bouillante) permet une meilleure dissolution de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003e🌍 Pourquoi choisir une recharge en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ -95% de plastique\u003c\/h3\u003e\n\u003cp\u003eUn petit sachet en papier remplace un flacon plastique entier. Multiplié par des dizaines de recharges par an, l'impact est considérable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚛 -80% de CO₂ au transport\u003c\/h3\u003e\n\u003cp\u003eSans eau, le sachet pèse quelques grammes au lieu de 250 g. Moins de poids = moins de camions = moins d'émissions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💰 Économique au quotidien\u003c\/h3\u003e\n\u003cp\u003eLe système de recharge est bien plus économique que de racheter un nouveau flacon de gel douche à chaque fois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003e📋 Composition et informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧪 Composition INCI\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eFormule certifiée Cosmos Natural par Ecocert. 99% d'ingrédients d'origine naturelle. Sans sulfate, sans silicone, sans paraben. Parfum délicat d'aloe vera. La liste complète des ingrédients figure au dos du sachet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📏 Contenu et format\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003e1 sachet de poudre à diluer permettant de reconstituer 250 ml de gel douche. Poids net du sachet : quelques grammes. Compatible avec tout flacon de 250 ml (flacon Pimpant recommandé).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet de poudre à l'abri de l'humidité avant utilisation. Une fois reconstitué, utilisez le gel douche dans les 3 mois. Gardez le flacon fermé entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Tenir hors de portée des enfants (sous forme de poudre). Convient à toute la famille une fois dilué.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003e💚 L'engagement Pimpant\u003c\/h2\u003e\n\u003cdiv class=\"pp-testimonial\"\u003e\n\u003cp class=\"pp-testimonial-text\"\u003e\"Chez Pimpant, nous croyons que prendre soin de soi ne devrait jamais se faire au détriment de la planète. Chaque recharge en poudre est un geste simple qui fait une vraie différence : moins de plastique dans les océans, moins de CO₂ dans l'atmosphère, et une salle de bain plus propre dans tous les sens du terme.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🌿 Certifié Cosmos Natural · 🇫🇷 Fabriqué en France · 🧪 Sans sulfate · ♻️ Emballage minimal\u003cbr\u003eAdoptez le réflexe recharge et faites du bien à votre peau comme à la planète !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique est certifié Cosmos Natural par Ecocert Greenlife. Il ne s'agit pas d'un produit médicamenteux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #f4f9f8;\n --pp-white: #ffffff;\n --pp-primary: #8ECAC1;\n --pp-primary-dark: #3a8a80;\n --pp-primary-light: #e6f5f2;\n --pp-secondary: #5BA89E;\n --pp-accent: #E8655A;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #dceee9;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #7ec4ba 0%, #8ECAC1 40%, #a8dbd3 70%, #5BA89E 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.pp-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n margin-bottom: 1.5rem;\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56715975819641,"sku":"NBAIPIM0090","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-a-diluer-aloe-vera-pimpant-lifestyle.webp?v=1771837606"},{"product_id":"kit-decouverte-gel-douche-poudre-aloe-vera-pimpant","title":"Kit Découverte Gel Douche en Poudre - Aloe Vera - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pmp-hero\"\u003e\n\u003cdiv class=\"pmp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pmp-hero-content\"\u003e\n\u003cdiv class=\"pmp-badges-top\"\u003e\n\u003cspan class=\"pmp-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🧴 Bouteille en verre réutilisable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pmp-hero-title\"\u003eKit Découverte Gel Douche en Poudre Aloe Vera\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003ePimpant - 1 bouteille en verre + 1 recharge\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003eUn gel douche onctueux et naturel qui se reconstitue en quelques minutes.\u003cbr\u003eFini les bouteilles plastiques jetables, place à une routine plus responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre Aloe Vera Pimpant : votre salle de bain passe au zéro déchet\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche en poudre\u003c\/strong\u003e efficace, naturel et respectueux de l'environnement ? Le Kit Découverte Pimpant à l'aloe vera vous propose une alternative ingénieuse : un \u003cstrong\u003egel douche à diluer\u003c\/strong\u003e qui se reconstitue en quelques minutes, pour un résultat onctueux et agréable sur la peau.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🚿 Plaisir intact\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse et parfum naturel agréable, comme un gel douche classique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eRéduisez vos déchets plastiques à chaque douche grâce au système rechargeable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌱 Naturel\u003c\/h3\u003e\n\u003cp\u003e99 % d'ingrédients d'origine naturelle, certifié COSMOS Natural par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient dès l'âge de 3 ans pour une routine partagée en toute sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eQue contient ce kit découverte ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e🍶 1 bouteille en verre de 300 ml\u003c\/h3\u003e\n\u003cp\u003eÉlégante, réutilisable et durable. Elle vous accompagne indéfiniment : il suffit de racheter les recharges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e📦 1 recharge de poudre à diluer (25 g)\u003c\/h3\u003e\n\u003cp\u003eDonne \u003cstrong\u003e250 ml de gel douche liquide\u003c\/strong\u003e une fois reconstituée. Légère, compacte, zéro déchet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe principe est simple : ajoutez de l'eau tiède, versez la poudre, remuez et patientez 20 à 30 minutes. Par la suite, il vous suffit de commander des recharges pour réutiliser votre bouteille indéfiniment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUne formule certifiée naturelle et douce\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧪 99 % d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eUne formule transparente, certifiée \u003cstrong\u003eCOSMOS Natural par Ecocert\u003c\/strong\u003e, gage d'exigence et de traçabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eL'Aloe Barbadensis Leaf Juice Powder apporte ses propriétés hydratantes et apaisantes, idéales pour les peaux en quête de douceur et de confort au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌸 Texture onctueuse\u003c\/h3\u003e\n\u003cp\u003eAgréablement parfumée grâce à un parfum d'origine naturelle. Convient à toute la famille, \u003cstrong\u003edès l'âge de 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n\u003cdiv class=\"pmp-accordion\"\u003e\n\u003cdetails open=\"\" class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🧴 Voir tous les ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cdiv class=\"pmp-inci-list\"\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eSodium Cocoyl Glutamate\u003c\/strong\u003e \u003cspan\u003eTensioactif doux d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e \u003cspan\u003eGélifiant naturel pour une texture agréable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eErythritol\u003c\/strong\u003e \u003cspan\u003eAgent hydratant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003ePotassium Sorbate \u0026amp; Sodium Benzoate\u003c\/strong\u003e \u003cspan\u003eConservateurs doux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eParfum (Fragrance)\u003c\/strong\u003e \u003cspan\u003eD'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eAloe Barbadensis Leaf Juice Powder BIO\u003c\/strong\u003e \u003cspan\u003eActif hydratant et apaisant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eCitric Acid\u003c\/strong\u003e \u003cspan\u003eRégulateur de pH\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-inci-item\"\u003e\n\u003cstrong\u003eTerpineol\u003c\/strong\u003e \u003cspan\u003eComposant naturel du parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-timeline\"\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eRemplissez la bouteille\u003c\/h3\u003e\n\u003cp\u003eVersez de l'\u003cstrong\u003eeau tiède jusqu'à la bulle blanche\u003c\/strong\u003e (environ 225 ml).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez la totalité de la recharge de poudre dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eRemuez énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez la bouteille et secouez bien pour mélanger la poudre à l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 à 30 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer pour une dissolution complète et une texture parfaite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eC'est prêt !\u003c\/h3\u003e\n\u003cp\u003eVotre \u003cstrong\u003egel douche à l'aloe vera\u003c\/strong\u003e est prêt : utilisez-le comme un gel douche classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eConservation et durée de vie\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e📦 Recharge non reconstituée\u003c\/h3\u003e\n\u003cp\u003eSe conserve \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e dans un endroit sec. Idéal pour stocker vos recharges à l'avance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧴 Gel douche reconstitué\u003c\/h3\u003e\n\u003cp\u003eÀ utiliser dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e suivant la préparation pour une efficacité et une fraîcheur optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eFabriqué en France, en Normandie\u003c\/h2\u003e\n\u003cdiv class=\"pmp-cta-box\"\u003e\n\u003cp\u003e🇫🇷 Pimpant conçoit et fabrique ses produits en \u003cstrong\u003eNormandie\u003c\/strong\u003e, avec une démarche écoresponsable à chaque étape. En choisissant ce \u003cstrong\u003egel douche poudre rechargeable\u003c\/strong\u003e, vous réduisez significativement vos déchets plastiques tout en soutenant une production locale et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pmp-section\"\u003e\n\u003cp class=\"pmp-disclaimer\"\u003e⚠️ \u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce produit cosmétique ne remplace pas un avis ou un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pmp-cream: #f7f5f0;\n --pmp-white: #ffffff;\n --pmp-primary: #4A9B7F;\n --pmp-primary-dark: #2d7a5e;\n --pmp-primary-light: #e8f5ef;\n --pmp-secondary: #F2A65A;\n --pmp-accent: #E8D5B7;\n --pmp-text: #1a1a1a;\n --pmp-text-light: #5a5a5a;\n --pmp-border: #e0e0e0;\n --pmp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pmp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pmp-radius: 20px;\n --pmp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pmp-premium *, .pmp-premium *::before, .pmp-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.pmp-hero {\n position: relative;\n background: linear-gradient(135deg, #3d8a6e 0%, #4A9B7F 40%, #5db892 70%, #F2A65A 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pmp-shadow-lg);\n}\n\n.pmp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pmp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pmp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pmp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pmp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pmp-primary), var(--pmp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pmp-card {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmp-shadow-lg);\n border-color: var(--pmp-primary);\n}\n\n.pmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmp-card-highlight {\n border: 2px solid var(--pmp-primary-light);\n background: linear-gradient(135deg, var(--pmp-white) 0%, var(--pmp-primary-light) 100%);\n}\n\n.pmp-card-highlight:hover {\n border-color: var(--pmp-primary);\n}\n\n\/* === GRILLES === *\/\n.pmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmp-grid-compact .pmp-card {\n padding: 1rem;\n}\n\n.pmp-grid-compact .pmp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmp-grid-compact .pmp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmp-primary), var(--pmp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 155, 127, .3);\n}\n\n.pmp-timeline-content {\n flex: 1;\n background: var(--pmp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmp-radius-sm);\n box-shadow: var(--pmp-shadow);\n}\n\n.pmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmp-timeline-content p {\n font-size: 14px;\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.pmp-accordion {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n box-shadow: var(--pmp-shadow);\n overflow: hidden;\n}\n\n.pmp-accordion-item {\n border-bottom: 1px solid var(--pmp-border);\n margin: 0;\n padding: 0;\n}\n\n.pmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pmp-accordion-header:hover {\n background: var(--pmp-primary-light);\n}\n\n.pmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pmp-primary);\n transition: transform .2s ease;\n}\n\n.pmp-accordion-item[open] .pmp-accordion-header::after {\n content: '−';\n}\n\n.pmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pmp-accordion-content p {\n margin: 0;\n}\n\n\/* === INCI LIST === *\/\n.pmp-inci-list {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.pmp-inci-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding: .75rem 1rem;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n border-left: 3px solid var(--pmp-primary);\n}\n\n.pmp-inci-item strong {\n font-size: 14px;\n color: var(--pmp-primary-dark);\n font-weight: 700;\n}\n\n.pmp-inci-item span {\n font-size: 13px;\n color: var(--pmp-text-light);\n}\n\n\/* === TIP BOX === *\/\n.pmp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pmp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmp-tip p {\n font-size: 14px;\n color: var(--pmp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pmp-cta-box {\n background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-primary-dark) 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pmp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pmp-disclaimer {\n font-size: 12px;\n color: var(--pmp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pmp-card {\n padding: 1.125rem;\n }\n\n .pmp-section {\n margin-bottom: 1.75rem;\n }\n\n .pmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmp-radius-sm);\n }\n\n .pmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pmp-grid-compact {\n gap: .625rem;\n }\n\n .pmp-grid-compact .pmp-card {\n padding: .75rem;\n }\n\n .pmp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pmp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pmp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pmp-timeline-content p {\n font-size: 13px;\n }\n\n .pmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pmp-inci-item {\n padding: .625rem .875rem;\n }\n\n .pmp-inci-item strong {\n font-size: 13px;\n }\n\n .pmp-inci-item span {\n font-size: 12px;\n }\n\n .pmp-tip {\n padding: .875rem 1rem;\n }\n\n .pmp-tip-icon {\n font-size: 20px;\n }\n\n .pmp-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pmp-card {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-card:nth-child(1) { animation-delay: .05s; }\n .pmp-card:nth-child(2) { animation-delay: .1s; }\n .pmp-card:nth-child(3) { animation-delay: .15s; }\n .pmp-card:nth-child(4) { animation-delay: .2s; }\n .pmp-card:nth-child(5) { animation-delay: .25s; }\n .pmp-card:nth-child(6) { animation-delay: .3s; }\n\n .pmp-timeline-item {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pmp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pmp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pmp-timeline-item:nth-child(4) { animation-delay: .2s; }\n .pmp-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes pmpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pmp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56716057870713,"sku":"NBAIPIM0091","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-a-diluer-1-bouteille-1-r-lifestyle.webp?v=1771837383"},{"product_id":"recharge-gel-douche-diluer-fleur-coton-pimpant","title":"Recharge de Gel douche à Diluer - Fleur de Coton - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🏆 100\/100 Yuka\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e♻️ -34x de plastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge Gel Douche à Diluer - Fleur de Coton\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePimpant\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003e25 g de poudre magique → 250 ml de gel douche onctueux, sans sulfate, certifié COSMOS Natural. Votre salle de bain passe au zéro déchet sans compromis sur le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eRecharge de gel douche à diluer Fleur de Coton Pimpant : le geste écologique pour votre douche\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eEt si votre prochain gel douche tenait dans un sachet de \u003cstrong\u003e25 grammes de poudre\u003c\/strong\u003e ? Avec cette recharge signée Pimpant, vous reconstituez \u003cstrong\u003e250 ml de gel douche onctueux au parfum fleur de coton\u003c\/strong\u003e, simplement en ajoutant de l'eau. Un concept malin, écologique et doux pour votre peau, qui repense totalement notre façon de nous laver.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🪶 Ultra-léger\u003c\/h3\u003e\n\u003cp\u003eSeulement 25 g par sachet, idéal en voyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 250 ml reconstitués\u003c\/h3\u003e\n\u003cp\u003eUn vrai gel douche liquide et onctueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Fleur de coton\u003c\/h3\u003e\n\u003cp\u003eUn parfum délicat et apaisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Réutilisez votre flacon\u003c\/h3\u003e\n\u003cp\u003eCompatible bouteille Pimpant ou tout flacon adapté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment fonctionne cette eco recharge de gel douche ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLe principe est d'une simplicité désarmante. Vous réutilisez votre bouteille Pimpant (ou tout flacon adapté) et suivez ces étapes :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eRincez votre bouteille\u003c\/h3\u003e\n\u003cp\u003eNettoyez-la à l'eau chaude avec un goupillon pour une hygiène parfaite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez jusqu'à la bulle blanche (environ 225 ml d'eau tiède).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du sachet de poudre dans le flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRefermez et agitez bien pour dissoudre toute la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLa magie opère : votre gel douche prend sa texture onctueuse, prêt à l'emploi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un véritable gel douche liquide, à la texture onctueuse et au délicat parfum de fleur de coton, prêt à vous accompagner sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne formule naturelle notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe n'est pas seulement un gel douche pratique, c'est aussi une formule \u003cstrong\u003eà 99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCOSMOS Natural par Ecocert\u003c\/strong\u003e. Difficile de faire mieux en termes de transparence et de qualité.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏆 100\/100 Yuka\u003c\/h3\u003e\n\u003cp\u003eLa note maximale sur l'application de référence en cosmétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🔬 19.2\/20 INCI Beauty\u003c\/h3\u003e\n\u003cp\u003eUne composition quasi parfaite selon l'analyse INCI.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfate\u003c\/h3\u003e\n\u003cp\u003eRespectueux des peaux sensibles, sans irritation ni tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eConvient aux adultes comme aux enfants à partir de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 Certifié COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eLabellisé Ecocert, gage de naturalité et de respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💆 Douceur optimale\u003c\/h3\u003e\n\u003cp\u003eVotre peau reste douce et hydratée après chaque douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, nettoie sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGomme de xanthane, apporte la texture gélifiée caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant naturel qui préserve le confort cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Parfum Fleur de Coton\u003c\/h3\u003e\n\u003cp\u003eFragrance d'origine naturelle, douce et délicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Potassium Sorbate \u0026amp; Sodium Benzoate\u003c\/h3\u003e\n\u003cp\u003eConservateurs doux pour une formule stable et sûre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Citric Acid\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule parfaitement équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn vrai engagement écologique, fabriqué en Normandie\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eChoisir cette recharge, c'est adopter un geste concret pour la planète. Chaque sachet représente \u003cstrong\u003e34 fois moins de plastique\u003c\/strong\u003e qu'un flacon classique.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ 100 % recyclable\u003c\/h3\u003e\n\u003cp\u003eEmballage composé à 83 % de papier FSC et 17 % de PE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌳 Papier FSC\u003c\/h3\u003e\n\u003cp\u003eIssu de forêts gérées durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eFabrication locale, empreinte carbone réduite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 -34x de plastique\u003c\/h3\u003e\n\u003cp\u003ePar rapport à un flacon de gel douche classique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e🌍\u003c\/span\u003e\n\u003cp\u003eVous faites le choix d'un gel douche fleur de coton qui sent bon et qui fait du bien, à vous comme à l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eConservation et conseils pratiques\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📦 Conservation du sachet (non ouvert)\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recharge fermée se conserve \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e. Stockez-la dans un endroit sec, à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧴 Durée d'utilisation (une fois dilué)\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eUne fois diluée, utilisez votre gel douche dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e pour profiter pleinement de sa fraîcheur et de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧽 Entretien de votre flacon\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003ePensez à bien nettoyer votre bouteille entre chaque recharge pour garantir une hygiène optimale. Utilisez de l'eau chaude et un goupillon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi adopter le gel douche à diluer Pimpant ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Formule clean\u003c\/h3\u003e\n\u003cp\u003eSans sulfate, adaptée aux \u003cstrong\u003epeaux sensibles\u003c\/strong\u003e, des adultes aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Parfum fleur de coton\u003c\/h3\u003e\n\u003cp\u003eUn parfum apaisant et naturel qui enveloppe délicatement votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n\u003cp\u003eUltra léger (25 g), il se glisse partout sans prendre de place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Impact réduit\u003c\/h3\u003e\n\u003cp\u003eUn impact environnemental drastiquement réduit à chaque recharge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏆 Notes irréprochables\u003c\/h3\u003e\n\u003cp\u003e100\/100 Yuka, 19.2\/20 INCI Beauty : la transparence au sommet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💚 Plaisir \u0026amp; responsabilité\u003c\/h3\u003e\n\u003cp\u003eEfficacité, douceur et engagement écologique réunis dans un sachet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🌿 Vous cherchez un gel douche qui allie plaisir, efficacité et responsabilité ? Cette recharge Pimpant coche toutes les cases. Essayez-la : votre salle de bain et la planète vous remercieront.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eComplément cosmétique. Utiliser dans les 3 mois après dilution. Convient aux enfants dès 3 ans. Certifié COSMOS Natural par Ecocert.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #F7FBFC;\n --pp-white: #ffffff;\n --pp-primary: #A8D5E2;\n --pp-primary-dark: #4A8FA8;\n --pp-primary-light: #E8F4F8;\n --pp-secondary: #D4A574;\n --pp-accent: #F5F0E8;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a6b73;\n --pp-border: #dce8ec;\n --pp-shadow: 0 4px 24px rgba(74,143,168,.08);\n --pp-shadow-lg: 0 12px 48px rgba(74,143,168,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #8ec5d6 0%, #a8d5e2 35%, #d4a574 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.15;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.pp-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,143,168,.25);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56716120752505,"sku":"NBAIPIM0069","price":3.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-a-diluer-fleur-de-coton-pimpant-lifestyle.webp?v=1771838282"},{"product_id":"recharge-gel-douche-diluer-fleur-oranger-pimpant","title":"Recharge Gel douche à Diluer - Fleur d'oranger - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🍊 Fleur d'oranger\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🧪 Yuka 100\/100\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge gel douche à diluer Pimpant\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003e25 g de poudre → 250 mL de gel douche onctueux\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eMoins de plastique, zéro sulfate, un parfum envoûtant de fleur d'oranger. Le gel douche qui tient dans une enveloppe en papier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eGel douche fleur d'oranger en poudre à diluer – La recharge Pimpant\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eImaginez un gel douche onctueux, efficace, respectueux de votre peau et de la planète… et qui tient dans une simple enveloppe en papier.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🪶 25 g de poudre\u003c\/h3\u003e\n\u003cp\u003eUne recharge ultra-légère en enveloppe papier recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 250 mL de gel douche\u003c\/h3\u003e\n\u003cp\u003eAjoutez simplement de l'eau tiède pour un gel douche prêt à l'emploi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfate\u003c\/h3\u003e\n\u003cp\u003eFormule douce qui respecte les peaux les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Moins de plastique\u003c\/h3\u003e\n\u003cp\u003eZéro compromis sur le plaisir de la douche, impact réduit sur la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche concentré en poudre ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLes gels douche classiques sont composés à plus de 80 % d'eau. Avec le format concentré à diluer, vous ajoutez l'eau vous-même à la maison.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 Emballage ultra-léger\u003c\/h3\u003e\n\u003cp\u003eEnveloppe en papier recyclable au lieu d'un flacon plastique. Le transport est plus léger, l'empreinte carbone est réduite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Pas juste un concentré\u003c\/h3\u003e\n\u003cp\u003eContrairement à un gel douche concentré classique, cette recharge affiche une transparence totale sur ses ingrédients et une formule sans sulfate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏆 Notes exceptionnelles\u003c\/h3\u003e\n\u003cp\u003eYuka \u003cstrong\u003e100\/100\u003c\/strong\u003e et INCI Beauty \u003cstrong\u003e19,2\/20\u003c\/strong\u003e. Difficile de faire mieux en matière de composition clean.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne composition à 99 % d'origine naturelle\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eChaque ingrédient a été sélectionné pour son efficacité et sa douceur. Voici la liste complète :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle. Nettoie en douceur sans agresser la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌾 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eAgent gélifiant naturel qui donne au gel douche sa texture onctueuse et agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eHumectant naturel qui aide à maintenir l'hydratation de la peau après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003ePotassium Sorbate \u0026amp; Sodium Benzoate, autorisés en cosmétique naturelle certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍊 Parfum fleur d'oranger\u003c\/h3\u003e\n\u003cp\u003eParfum d'origine naturelle aux délicates notes fleuries et ensoleillées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Citric Acid\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule parfaitement équilibrée. Limonene, Citral, Linalool naturellement présents dans le parfum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans sulfate, sans colorant\u003c\/strong\u003e, certifié \u003cstrong\u003eCosmos Natural par Ecocert\u003c\/strong\u003e et fabriqué en Normandie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est simple et ne prend que quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eEnviron \u003cstrong\u003e225 mL d'eau tiède\u003c\/strong\u003e dans votre bouteille réutilisable (jusqu'à la bulle blanche). L'eau tiède assure une dissolution optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité de la poudre contenue dans la recharge dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez le flacon et secouez bien pour mélanger la poudre à l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer avant la première utilisation. Votre gel douche est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUne fois préparé, utilisez votre gel douche fleur d'oranger dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e. La recharge non ouverte se conserve jusqu'à \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePour qui est fait ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous, à partir de 3 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule sans sulfate ultra-douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🙂 Peaux normales\u003c\/h3\u003e\n\u003cp\u003eMousse légère et nettoyage efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 Éco-conscients\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui veulent réduire leurs déchets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003ePour les enfants de moins de 3 ans, privilégiez un produit d'hygiène spécifiquement formulé pour les bébés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn emballage pensé pour réduire les déchets\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📄 Enveloppe papier FSC\u003c\/h3\u003e\n\u003cp\u003eConditionnement en papier certifié issu de forêts gérées durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Seulement 0,5 g de plastique\u003c\/h3\u003e\n\u003cp\u003eUne fine couche protectrice pour garantir l'étanchéité à l'humidité, c'est tout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Réutilisez votre bouteille\u003c\/h3\u003e\n\u003cp\u003eEn optant pour des recharges, vous réduisez considérablement vos déchets plastiques au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🍊 Une mousse légère, un parfum envoûtant de fleur d'oranger, une peau douce et hydratée après chaque douche, et la satisfaction de faire un geste concret pour l'environnement. Ce gel douche concentré Pimpant prouve qu'on peut allier plaisir, efficacité et responsabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique est certifié Cosmos Natural par Ecocert. Ne convient pas aux enfants de moins de 3 ans.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pp-cream: #FFF9F2;\n --pp-white: #ffffff;\n --pp-primary: #E87A1E;\n --pp-primary-dark: #C45E0A;\n --pp-primary-light: #FFF0E0;\n --pp-secondary: #4CAF50;\n --pp-accent: #F5A623;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8e0d8;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #E87A1E 0%, #F5A623 50%, #F7C563 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56716253331833,"sku":"NBAIPIM0002","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-a-diluer-fleur-doranger-pimpant-lifestyle.webp?v=1771842195"},{"product_id":"kit-decouverte-gel-douche-poudre-fleur-doranger-pimpant","title":"Kit Découverte Gel Douche en Poudre - Fleur d'oranger - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pmp-hero\"\u003e\n\u003cdiv class=\"pmp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pmp-hero-content\"\u003e\n\u003cdiv class=\"pmp-badges-top\"\u003e\n\u003cspan class=\"pmp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e💯 100\/100 sur Yuka\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🧴 Zéro déchet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pmp-hero-title\"\u003eKit Découverte Gel Douche en Poudre Fleur d'Oranger\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003ePar Pimpant - 1 bouteille rechargeable + 1 recharge poudre\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003eUn gel douche qui commence en poudre et finit en caresse parfumée. Doux pour votre peau, radical contre le plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre Fleur d'Oranger Pimpant : votre douche zéro déchet\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eEt si votre gel douche commençait sous forme de poudre ? Avec ce \u003cstrong\u003ekit découverte gel douche en poudre à diluer Pimpant\u003c\/strong\u003e, vous adoptez une routine de soin aussi douce pour votre peau que pour la planète.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌸 Fleur d'oranger\u003c\/h3\u003e\n\u003cp\u003eDes notes florales délicates et apaisantes pour une expérience sensorielle enveloppante à chaque douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eRéduisez drastiquement vos déchets plastiques grâce à un système de recharges en poudre à diluer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧴 250 mL de gel\u003c\/h3\u003e\n\u003cp\u003eUne simple recharge de 25 g de poudre reconstituée donne 250 mL de gel douche onctueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e⏱️ Prêt en 20 min\u003c\/h3\u003e\n\u003cp\u003eVersez, secouez, patientez : votre gel douche est prêt en un clin d'œil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eQue contient ce kit gel douche à diluer ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🫙 1 bouteille rechargeable\u003c\/h3\u003e\n\u003cp\u003eEn verre sécurisé d'une contenance de \u003cstrong\u003e300 mL\u003c\/strong\u003e, élégante et durable. Conçue pour être réutilisée indéfiniment avec de simples recharges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e📦 1 recharge poudre 25 g\u003c\/h3\u003e\n\u003cp\u003eÀ diluer dans \u003cstrong\u003e225 mL d'eau tiède\u003c\/strong\u003e pour obtenir \u003cstrong\u003e250 mL de gel douche\u003c\/strong\u003e prêt à l'emploi. Emballage en papier certifié FSC avec seulement \u003cstrong\u003e0,5 g de plastique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn geste concret pour limiter les bouteilles jetables dans votre salle de bain : par la suite, il vous suffit de commander des recharges !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche poudre ?\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eLa préparation est simple et ne prend que quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"pmp-timeline\"\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez environ \u003cstrong\u003e225 mL d'eau tiède\u003c\/strong\u003e dans la bouteille rechargeable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité de la recharge en poudre dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eFermez bien la bouteille et \u003cstrong\u003esecouez vigoureusement\u003c\/strong\u003e pour bien mélanger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e avant la première utilisation. Vous obtenez un gel douche à la texture onctueuse, avec une mousse légère et veloutée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUne composition naturelle notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eFormulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifié \u003cstrong\u003eEcocert Cosmos Natural\u003c\/strong\u003e. Une note exceptionnelle de \u003cstrong\u003e100\/100 sur Yuka\u003c\/strong\u003e et de \u003cstrong\u003e19,2\/20 sur INCI Beauty\u003c\/strong\u003e, \u003cstrong\u003esans sulfates ni colorants\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🥥 Cocoyl Glutamate de Sodium\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, il nettoie efficacement sans agresser la peau ni la dessécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💧 Érythritol\u003c\/h3\u003e\n\u003cp\u003eActif hydratant et humectant qui préserve le confort cutané et maintient la douceur de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌱 Gomme de Xanthane\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel qui confère au gel sa texture agréable et onctueuse au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌸 Parfum fleur d'oranger\u003c\/h3\u003e\n\u003cp\u003eFragrance d'origine naturelle aux notes florales apaisantes pour une douche sensorielle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pmp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Cocoyl Glutamate, Xanthan Gum, Erythritol, Potassium Sorbate, Sodium Benzoate, Parfum (Fragrance), Citric Acid, Limonene, Citral, Linalool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003ePour qui et comment l'utiliser au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eCe gel douche poudre à reconstituer convient à tous les membres de la famille et s'utilise chaque jour sous la douche comme un gel classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e✨ Mousse délicate\u003c\/h3\u003e\n\u003cp\u003eIl mousse délicatement et se rince facilement, laissant un voile de douceur et un parfum fleuri subtil sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌿 Alternative responsable\u003c\/h3\u003e\n\u003cp\u003eSi vous cherchez une alternative au \u003cstrong\u003egel douche petit marseillais fleur d'oranger\u003c\/strong\u003e avec une démarche plus responsable et une composition plus transparente, ce produit est un excellent choix.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eConservation et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"pmp-accordion\"\u003e\n\u003cdetails class=\"pmp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e📦 Recharge fermée\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eSe conserve jusqu'à \u003cstrong\u003e3 ans\u003c\/strong\u003e dans un endroit sec, à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🧴 Gel douche reconstitué\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ utiliser dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e suivant la préparation pour une efficacité et une fraîcheur optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e, en Normandie, dans le respect des normes cosmétiques européennes les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"pmp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pmp-cta-box\"\u003e\n\u003cp\u003e🌸 En choisissant ce \u003cstrong\u003egel douche à diluer Pimpant\u003c\/strong\u003e, vous optez pour un soin quotidien respectueux de votre peau et de l'environnement. Réutilisez votre bouteille indéfiniment grâce aux recharges en poudre !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pmp-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement dermatologique en cas de problème de peau spécifique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pmp-cream: #FFF8F0;\n --pmp-white: #ffffff;\n --pmp-primary: #E8941A;\n --pmp-primary-dark: #B8710E;\n --pmp-primary-light: #FFF3E0;\n --pmp-secondary: #F5D5A0;\n --pmp-accent: #4A7C3F;\n --pmp-text: #1a1a1a;\n --pmp-text-light: #5a5a5a;\n --pmp-border: #F0E0CC;\n --pmp-shadow: 0 4px 24px rgba(184, 113, 14, .08);\n --pmp-shadow-lg: 0 12px 48px rgba(184, 113, 14, .15);\n --pmp-radius: 20px;\n --pmp-radius-sm: 12px;\n}\n\n.pmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pmp-hero {\n position: relative;\n background: linear-gradient(135deg, #E8941A 0%, #F0A830 40%, #F5C862 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pmp-shadow-lg);\n}\n\n.pmp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pmp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.pmp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pmp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pmp-primary), var(--pmp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pmp-card {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmp-shadow-lg);\n border-color: var(--pmp-primary);\n}\n\n.pmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmp-grid-compact .pmp-card {\n padding: 1rem;\n}\n\n.pmp-grid-compact .pmp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmp-grid-compact .pmp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmp-primary), var(--pmp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232, 148, 26, .3);\n}\n\n.pmp-timeline-content {\n flex: 1;\n background: var(--pmp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmp-radius-sm);\n box-shadow: var(--pmp-shadow);\n}\n\n.pmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmp-timeline-content p {\n font-size: 14px;\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pmp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pmp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmp-tip p {\n font-size: 14px;\n color: var(--pmp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.pmp-accordion {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n box-shadow: var(--pmp-shadow);\n overflow: hidden;\n}\n\n.pmp-accordion-item {\n border-bottom: 1px solid var(--pmp-border);\n margin: 0;\n padding: 0;\n}\n\n.pmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pmp-accordion-header:hover {\n background: var(--pmp-primary-light);\n}\n\n.pmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pmp-primary);\n transition: transform .2s ease;\n}\n\n.pmp-accordion-item[open] .pmp-accordion-header::after {\n content: '−';\n}\n\n.pmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pmp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.pmp-cta-box {\n background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-primary-dark) 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pmp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pmp-disclaimer {\n font-size: 12px;\n color: var(--pmp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .pmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pmp-card {\n padding: 1.125rem;\n }\n\n .pmp-section {\n margin-bottom: 1.75rem;\n }\n\n .pmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmp-radius-sm);\n }\n\n .pmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pmp-grid-compact {\n gap: .625rem;\n }\n\n .pmp-grid-compact .pmp-card {\n padding: .75rem;\n }\n\n .pmp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pmp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pmp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pmp-timeline-content p {\n font-size: 13px;\n }\n\n .pmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pmp-card {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-card:nth-child(1) { animation-delay: .05s; }\n .pmp-card:nth-child(2) { animation-delay: .1s; }\n .pmp-card:nth-child(3) { animation-delay: .15s; }\n .pmp-card:nth-child(4) { animation-delay: .2s; }\n .pmp-card:nth-child(5) { animation-delay: .25s; }\n .pmp-card:nth-child(6) { animation-delay: .3s; }\n\n .pmp-timeline-item {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pmp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pmp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pmp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes pmpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pmp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56716526485881,"sku":"NBAIPIM0059","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-a-diluer-1-bouteille-1-r-lifestyle_1e5f9a0c-dd04-41f3-be63-ed9228d2bb4f.webp?v=1771842122"},{"product_id":"kit-decouverte-gel-douche-poudre-fleur-de-coton-pimpant","title":"Kit Découverte Gel Douche en Poudre - Fleur de Coton - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e♻️ Bouteille réutilisable\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🏆 Yuka 100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eKit Découverte Gel Douche en Poudre - Fleur de Coton\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003ePimpant - La révolution douce de votre salle de bain\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eUn sachet de poudre, un peu d'eau, et voilà 250 mL de gel douche naturel au délicat parfum de fleur de coton. Zéro plastique jetable, 100 % plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre à Diluer Fleur de Coton - Pimpant\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eEt si votre gel douche naturel tenait dans une simple enveloppe de poudre ? Avec ce kit découverte Pimpant, vous adoptez un \u003cstrong\u003egel douche en poudre à diluer\u003c\/strong\u003e qui allie plaisir sensoriel, respect de votre peau et démarche éco-responsable. Fini les bouteilles plastiques jetables : ici, on recharge, on secoue, et on profite d'un soin doux au délicat parfum de \u003cstrong\u003efleur de coton\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eQue contient ce kit découverte ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 1 bouteille réutilisable\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe de 300 mL, élégant et conçu pour durer. Vous ne le jetez plus jamais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📩 1 recharge de poudre\u003c\/h3\u003e\n\u003cp\u003eSachet de 25 g qui donne \u003cstrong\u003e250 mL\u003c\/strong\u003e de gel douche liquide une fois dilué.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e🌳\u003c\/span\u003e\n\u003cp\u003eL'emballage de la recharge est composé à \u003cstrong\u003e83 % de papier certifié FSC\u003c\/strong\u003e (forêts gérées durablement) et de seulement 17 % de PE. Un geste simple qui réduit considérablement vos déchets plastiques au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne composition irréprochable à 99 % d'origine naturelle\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe gel douche 100 % naturel dans l'esprit affiche une formule minimaliste et transparente, certifiée \u003cstrong\u003eCOSMOS Natural par Ecocert\u003c\/strong\u003e. Voici ce qu'il contient, rien de plus :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🥥 Cocoyl glutamate de sodium\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux dérivé de la noix de coco, qui nettoie sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 Gomme de xanthane\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel pour une texture onctueuse et agréable sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Érythritol\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant qui aide à préserver la douceur et le confort de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Sorbate de potassium \u0026amp; benzoate de sodium\u003c\/h3\u003e\n\u003cp\u003eConservateurs doux autorisés en cosmétique naturelle pour une conservation optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌸 Parfum Fleur de Coton\u003c\/h3\u003e\n\u003cp\u003eD'origine naturelle, délicat et réconfortant. Un voile de douceur sur votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍋 Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule parfaitement équilibrée et respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Cocoyl Glutamate, Xanthan Gum, Erythritol, Potassium Sorbate, Sodium Benzoate, Parfum (Fragrance), Citric Acid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-scores-row\"\u003e\n\u003cdiv class=\"pp-score-badge\"\u003e\n\u003cspan class=\"pp-score-value\"\u003e100\/100\u003c\/span\u003e \u003cspan class=\"pp-score-label\"\u003eYuka\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-score-badge\"\u003e\n\u003cspan class=\"pp-score-value\"\u003e19,2\/20\u003c\/span\u003e \u003cspan class=\"pp-score-label\"\u003eINCI Beauty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-score-badge\"\u003e\n\u003cspan class=\"pp-score-value\"\u003eDès 3 ans\u003c\/span\u003e \u003cspan class=\"pp-score-label\"\u003eToute la famille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est un jeu d'enfant et ne prend que quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez la bouteille d'eau tiède jusqu'à la bulle blanche (environ 225 mL).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité de la recharge de poudre dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRefermez la bouteille et secouez bien pour dissoudre la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e avant la première utilisation. C'est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour recharger votre bouteille la fois suivante, pensez simplement à la rincer à l'eau chaude au préalable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche poudre Pimpant ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eMoins de plastique, moins de transport (la poudre est ultra-légère), moins de déchets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en Normandie\u003c\/h3\u003e\n\u003cp\u003eUn savoir-faire local et une empreinte carbone réduite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🤲 Peau douce et hydratée\u003c\/h3\u003e\n\u003cp\u003eGrâce à un tensioactif doux et à l'érythritol, votre peau reste confortable après chaque douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e✅ Certifié COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eLa garantie d'une formulation rigoureuse et respectueuse de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eConservation\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails open=\"\" class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📦 Durée de conservation\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recharge fermée se conserve \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e. Une fois le gel douche dilué, utilisez-le dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e pour profiter de toute sa fraîcheur et de son efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Ne convient pas aux enfants de moins de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pp-section\"\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🌿 Adoptez le réflexe recharge et offrez à votre peau un gel douche naturel, doux et éco-responsable. Fleur de coton, le parfum qui transforme chaque douche en moment de douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eComplément cosmétique - Ne se substitue pas à un suivi dermatologique. Usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pp-cream: #F5F2ED;\n --pp-white: #ffffff;\n --pp-primary: #A8D5E2;\n --pp-primary-dark: #4A8FA8;\n --pp-primary-light: #E8F4F8;\n --pp-secondary: #8B7355;\n --pp-accent: #4CAF7D;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e0e0e0;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #A8D5E2 0%, #8CBFD2 40%, #7DA895 70%, #8B7355 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-section-intro strong {\n color: var(--pp-text);\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-card p strong {\n color: var(--pp-text);\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pp-timeline-content p strong {\n color: var(--pp-text);\n}\n\n\/* === SCORES ROW === *\/\n.pp-scores-row {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-top: 1.5rem;\n flex-wrap: wrap;\n}\n\n.pp-score-badge {\n background: linear-gradient(135deg, var(--pp-accent), #3d9468);\n color: white;\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n min-width: 120px;\n box-shadow: var(--pp-shadow);\n transition: transform .3s ease;\n}\n\n.pp-score-badge:hover {\n transform: translateY(-3px);\n}\n\n.pp-score-value {\n display: block;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n letter-spacing: -.02em;\n line-height: 1.2;\n}\n\n.pp-score-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n opacity: .9;\n margin-top: .25rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pp-tip p strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n.pp-accordion-content p strong {\n color: var(--pp-text);\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-scores-row {\n gap: .625rem;\n }\n\n .pp-score-badge {\n padding: .75rem 1rem;\n min-width: 90px;\n }\n\n .pp-score-value {\n font-size: 18px;\n }\n\n .pp-score-label {\n font-size: 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56716588777849,"sku":"NBAIPIM0065","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-a-diluer-1-bouteille-1-r-lifestyle_326f41cb-3b07-4f77-a34e-84426522624c.webp?v=1771844906"},{"product_id":"recharge-gel-douche-diluer-pomme-verte-pimpant","title":"Recharge de Gel douche à Diluer - Pomme Verte - Pimpant","description":"\u003cdiv class=\"pv-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pv-hero\"\u003e\n\u003cdiv class=\"pv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pv-hero-content\"\u003e\n\u003cdiv class=\"pv-badges-top\"\u003e\n\u003cspan class=\"pv-badge\"\u003e🍏 Parfum pomme verte\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pv-badge\"\u003e💯 Yuka 100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pv-hero-title\"\u003eRecharge de gel douche à diluer - Pomme Verte\u003c\/span\u003e\n\u003cp class=\"pv-subtitle\"\u003ePimpant - La poudre magique qui devient 250 ml de gel douche\u003c\/p\u003e\n\u003cp class=\"pv-description\"\u003eUn sachet de 25 g, de l'eau tiède, 20 minutes de patience… et voilà un gel douche onctueux, sans sulfate, certifié naturel. Jusqu'à 83 % de plastique en moins. Votre peau et la planète vous remercient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eRecharge de gel douche à diluer Pomme Verte Pimpant : le geste éco-responsable au quotidien\u003c\/h2\u003e\n\u003cp class=\"pv-section-intro\"\u003eEnvie d'un gel douche qui respecte votre peau \u003cstrong\u003eet\u003c\/strong\u003e la planète ? Cette recharge de gel douche à diluer Pimpant au parfum pomme verte vous offre exactement cela.\u003c\/p\u003e\n\u003cdiv class=\"pv-grid-compact\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🧴 25 g → 250 ml\u003c\/h3\u003e\n\u003cp\u003eUn simple sachet de poudre se transforme en un gel douche onctueux prêt à l'emploi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eFormulé à partir d'ingrédients d'origine naturelle, certifié COSMOS Natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e♻️ 83 % de plastique en moins\u003c\/h3\u003e\n\u003cp\u003eFini les flacons jetables - vous réutilisez votre bouteille, la planète vous dit merci\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🍃 Emballage recyclable\u003c\/h3\u003e\n\u003cp\u003eSachet 100 % recyclable composé de papier FSC et de PE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette eco-recharge gel douche ?\u003c\/h2\u003e\n\u003cp class=\"pv-section-intro\"\u003eLa démarche est simple et terriblement efficace. Plutôt que de racheter un flacon entier à chaque fois, vous n'achetez que l'essentiel : la poudre à diluer. L'eau, vous l'avez déjà chez vous.\u003c\/p\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e✅ Certifié COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eLabel délivré par Ecocert, garantissant le respect des exigences de la cosmétique naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e💯 Yuka : 100\/100\u003c\/h3\u003e\n\u003cp\u003eLa note maximale sur l'application Yuka - formule irréprochable, aucun ingrédient à risque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🏆 INCI Beauty : 19.2\/20\u003c\/h3\u003e\n\u003cp\u003eUne notation quasi parfaite qui confirme l'excellence de la composition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfate\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient controversé - une formule douce qui respecte la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en Normandie\u003c\/h3\u003e\n\u003cp\u003eConçu et produit en France, pour un circuit court et une traçabilité totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eConvient aux enfants et aux peaux sensibles - toute la famille peut l'adopter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eUne composition irréprochable\u003c\/h2\u003e\n\u003cp class=\"pv-section-intro\"\u003eCe gel douche recharge mise sur la transparence. Chaque ingrédient a été sélectionné pour sa douceur et son efficacité.\u003c\/p\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle qui nettoie sans agresser la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel qui donne au gel sa texture onctueuse et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAgent humectant qui aide à maintenir l'hydratation naturelle de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🍏 Parfum pomme verte\u003c\/h3\u003e\n\u003cp\u003eD'origine naturelle - une note acidulée, fraîche et fruitée, jamais entêtante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003ePotassium Sorbate et Sodium Benzoate - autorisés en cosmétique naturelle certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e⚖️ Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour un produit parfaitement équilibré et respectueux de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-tip\"\u003e\n\u003cspan class=\"pv-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe résultat ? Une mousse délicate qui laisse votre peau \u003cstrong\u003edouce et hydratée\u003c\/strong\u003e, sans sensation de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pv-section-intro\"\u003eLa préparation est un jeu d'enfant et ne prend que quelques minutes.\u003c\/p\u003e\n\u003cdiv class=\"pv-timeline\"\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eRemplissez d'eau tiède\u003c\/h3\u003e\n\u003cp\u003eVersez de l'eau tiède dans votre bouteille réutilisable jusqu'au repère de la bulle blanche (environ 225 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du sachet de poudre dans la bouteille - ne laissez rien derrière !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eRefermez bien le bouchon et secouez vigoureusement pour bien mélanger la poudre et l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-item\"\u003e\n\u003cdiv class=\"pv-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pv-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e avant la première utilisation - le gel prend sa texture onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-tip\"\u003e\n\u003cspan class=\"pv-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eVotre gel douche se conserve \u003cstrong\u003e3 mois\u003c\/strong\u003e après dilution. La recharge non ouverte se conserve jusqu'à \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pv-section\"\u003e\n\u003ch2\u003ePour qui est fait ce gel douche pomme verte ?\u003c\/h2\u003e\n\u003cdiv class=\"pv-grid\"\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eSa formule certifiée naturelle convient à tous les membres du foyer, petits et grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e🤱 Peaux sensibles et réactives\u003c\/h3\u003e\n\u003cp\u003eSans sulfate et sans ingrédient controversé, ce gel douche est particulièrement doux pour les peaux fragiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pv-card\"\u003e\n\u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eFormulé pour être utilisé en toute sécurité par les plus petits - son parfum pomme verte leur plaît aussi !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pv-section-intro\" style=\"margin-top: 1.25rem;\"\u003eSi vous cherchez une alternative au gel douche solide à diluer ou aux pastilles gel douche à diluer, ce format poudre offre une dissolution homogène et une texture finale particulièrement agréable sous la douche.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL + DISCLAIMER --\u003e\n\u003csection class=\"pv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"pv-cta-box\"\u003e\n\u003cp\u003e🍏 Un sachet de 25 g, 250 ml de gel douche onctueux, 83 % de plastique en moins.\u003cbr\u003eLe geste le plus simple pour une salle de bain plus responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pv-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pv-cream: #F4F9EE;\n --pv-white: #ffffff;\n --pv-primary: #8DB600;\n --pv-primary-dark: #4A6B0A;\n --pv-primary-light: #EEF5DC;\n --pv-secondary: #6B8E23;\n --pv-accent: #A8D400;\n --pv-text: #1a1a1a;\n --pv-text-light: #5a5a5a;\n --pv-border: #dde8cc;\n --pv-shadow: 0 4px 24px rgba(74,107,10,.08);\n --pv-shadow-lg: 0 12px 48px rgba(74,107,10,.15);\n --pv-radius: 20px;\n --pv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8E23 0%, #8DB600 45%, #A8D400 100%);\n border-radius: var(--pv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.pv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pv-primary), var(--pv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pv-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pv-card {\n background: var(--pv-white);\n border-radius: var(--pv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pv-shadow-lg);\n border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pv-primary), var(--pv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(141,182,0,.3);\n}\n\n.pv-timeline-content {\n flex: 1;\n background: var(--pv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pv-radius-sm);\n box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n font-size: 14px;\n color: var(--pv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pv-primary-light);\n border-radius: var(--pv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pv-tip p {\n font-size: 14px;\n color: var(--pv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-secondary) 100%);\n border-radius: var(--pv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pv-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.pv-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pv-disclaimer {\n font-size: 12px;\n color: var(--pv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pv-card {\n padding: 1.125rem;\n }\n\n .pv-section {\n margin-bottom: 1.75rem;\n }\n\n .pv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pv-radius-sm);\n }\n\n .pv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pv-grid-compact {\n gap: .625rem;\n }\n\n .pv-grid-compact .pv-card {\n padding: .75rem;\n }\n\n .pv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pv-timeline-content h3 {\n font-size: 14px;\n }\n\n .pv-timeline-content p {\n font-size: 13px;\n }\n\n .pv-tip {\n padding: .875rem 1rem;\n }\n\n .pv-tip-icon {\n font-size: 20px;\n }\n\n .pv-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pv-card {\n animation: pvFadeInUp .5s ease backwards;\n }\n .pv-card:nth-child(1) { animation-delay: .05s; }\n .pv-card:nth-child(2) { animation-delay: .1s; }\n .pv-card:nth-child(3) { animation-delay: .15s; }\n .pv-card:nth-child(4) { animation-delay: .2s; }\n .pv-card:nth-child(5) { animation-delay: .25s; }\n .pv-card:nth-child(6) { animation-delay: .3s; }\n\n .pv-timeline-item {\n animation: pvFadeInUp .5s ease backwards;\n }\n .pv-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pv-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pv-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pv-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes pvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56721548280185,"sku":"NBAIPIM0068","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-a-diluer-pomme-verte-pimpant-lifestyle_d3697173-a824-4abb-aef3-3f440974768b.webp?v=1771923288"},{"product_id":"kit-decouverte-gel-douche-poudre-pomme-verte-pimpant","title":"Kit Découverte Gel Douche en Poudre - Pomme Verte - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pmp-hero\"\u003e\n\u003cdiv class=\"pmp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pmp-hero-content\"\u003e\n\u003cdiv class=\"pmp-badges-top\"\u003e\n\u003cspan class=\"pmp-badge\"\u003e🍏 Parfum pomme verte\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e💯 Yuka 100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pmp-hero-title\"\u003eKit Découverte Gel Douche en Poudre Pimpant\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003e1 bouteille rechargeable + 1 recharge pomme verte\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003e25 g de poudre + eau du robinet = 250 mL de gel douche onctueux, sans sulfate et certifié COSMOS Natural. Prêt en 20 minutes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre Pomme Verte Pimpant : votre douche éco-responsable en 20 minutes\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eEt si votre prochain gel douche tenait dans un petit sachet de 25 grammes ? Avec le \u003cstrong\u003ekit découverte gel douche en poudre à diluer Pimpant\u003c\/strong\u003e, vous adoptez une routine soin à la fois écologique, efficace et délicieusement parfumée à la \u003cstrong\u003epomme verte\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌱 Concept malin\u003c\/h3\u003e\n\u003cp\u003eUn sachet de poudre remplace une bouteille plastique entière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🏭 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France avec des ingrédients tracés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧴 Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eRéduisez drastiquement vos déchets plastiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e⏱️ Prêt en 20 min\u003c\/h3\u003e\n\u003cp\u003eMélangez, secouez, patientez : c'est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eQue contient ce kit découverte gel douche Pimpant ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e🧴 1 bouteille rechargeable de 300 mL\u003c\/h3\u003e\n\u003cp\u003eAvec pompe intégrée, conçue pour être \u003cstrong\u003eréutilisée indéfiniment\u003c\/strong\u003e. Élégante et pratique, elle trouve sa place dans toutes les salles de bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e🍏 1 recharge de poudre de 25 g\u003c\/h3\u003e\n\u003cp\u003eAu parfum \u003cstrong\u003epomme verte\u003c\/strong\u003e frais et acidulé, à reconstituer avec environ 225 mL d'\u003cstrong\u003eeau du robinet\u003c\/strong\u003e pour obtenir 250 mL de gel douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFini les bouteilles en plastique jetées chaque mois. Ici, vous ne rachetez que la recharge, et votre salle de bain respire enfin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eLa préparation est un vrai jeu d'enfant :\u003c\/p\u003e\n\u003cdiv class=\"pmp-timeline\"\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez la bouteille jusqu'à la bulle blanche (environ 225 mL d'eau tiède du robinet).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du sachet de poudre dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eSecouez fortement\u003c\/h3\u003e\n\u003cp\u003eFermez la bouteille et secouez énergiquement pour bien mélanger la poudre à l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer avant la première utilisation. Vous obtenez une \u003cstrong\u003etexture onctueuse et douce\u003c\/strong\u003e avec un délicat parfum fruité et acidulé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUne composition naturelle et transparente\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eCe \u003cstrong\u003egel douche pomme verte\u003c\/strong\u003e Pimpant est formulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. Voici sa liste complète :\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, nettoie sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eAgent gélifiant naturel qui donne sa texture onctueuse au gel douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant et humectant pour une peau douce après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003ePotassium Sorbate \u0026amp; Sodium Benzoate pour une conservation optimale en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🍏 Parfum naturel\u003c\/h3\u003e\n\u003cp\u003eNotes fraîches de pomme verte, fruitées et acidulées, d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e⚖️ Citric Acid\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule parfaitement équilibrée et douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e👩👦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans sulfate\u003c\/strong\u003e, ce gel douche respecte les peaux les plus sensibles et convient à toute la famille, \u003cstrong\u003edès 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eDes certifications qui parlent d'elles-mêmes\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌿 COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💯 Yuka 100\/100\u003c\/h3\u003e\n\u003cp\u003eLa note maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e⭐ INCI Beauty 19,2\/20\u003c\/h3\u003e\n\u003cp\u003eExcellence cosmétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e♻️ Sachet recyclable\u003c\/h3\u003e\n\u003cp\u003e83 % papier FSC®, 17 % PE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eEn Normandie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfate\u003c\/h3\u003e\n\u003cp\u003eDoux pour toutes les peaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche en poudre à reconstituer ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💧 Fini le transport d'eau inutile\u003c\/h3\u003e\n\u003cp\u003eUn gel douche classique, c'est \u003cstrong\u003eplus de 80 % d'eau\u003c\/strong\u003e transportée inutilement. Avec la poudre, vous utilisez votre eau du robinet et réduisez considérablement votre empreinte écologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌍 Un geste concret pour la planète\u003c\/h3\u003e\n\u003cp\u003eÉliminez l'aberration logistique du transport d'eau en bouteille plastique, sans sacrifier ni le plaisir sous la douche, ni l'efficacité du nettoyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e📦 Stockage ultra-pratique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 mois de conservation\u003c\/strong\u003e après dilution, jusqu'à \u003cstrong\u003e3 ans pour la recharge non ouverte\u003c\/strong\u003e. Glissez quelques recharges dans un tiroir : elles prennent à peine de place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"pmp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNotre conseil d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"pmp-accordion\"\u003e\n\u003cdetails class=\"pmp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🚿 Comment l'utiliser au quotidien\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eUtilisez votre \u003cstrong\u003egel douche poudre Pimpant\u003c\/strong\u003e comme n'importe quel gel douche classique : appliquez sur peau mouillée, faites mousser, puis rincez. Un plaisir sensoriel identique à un gel douche traditionnel !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003ePour prolonger sa durée de vie, conservez votre bouteille à l'abri de la chaleur excessive. Conservation de \u003cstrong\u003e3 mois après dilution\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🔄 Recharger votre bouteille\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eUne fois le flacon terminé, commandez simplement une nouvelle recharge - votre bouteille, elle, vous accompagnera longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-cta-box\"\u003e\n\u003cp\u003e🍏 Adoptez le réflexe poudre : moins de plastique, plus de naturel, toujours autant de plaisir sous la douche !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pmp-cream: #f5f7f0;\n --pmp-white: #ffffff;\n --pmp-primary: #8DB600;\n --pmp-primary-dark: #4a6b00;\n --pmp-primary-light: #f0f5e0;\n --pmp-secondary: #5A8A00;\n --pmp-accent: #C5E17A;\n --pmp-text: #1a1a1a;\n --pmp-text-light: #5a5a5a;\n --pmp-border: #e0e0e0;\n --pmp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pmp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pmp-radius: 20px;\n --pmp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pmp-hero {\n position: relative;\n background: linear-gradient(135deg, #6a9e00 0%, #8DB600 40%, #a8cc33 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pmp-shadow-lg);\n}\n\n.pmp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(197,225,122,.15) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pmp-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.pmp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.pmp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pmp-primary), var(--pmp-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pmp-card {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmp-shadow-lg);\n border-color: var(--pmp-primary);\n}\n\n.pmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmp-card-highlight {\n border-left: 4px solid var(--pmp-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.pmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmp-grid-compact .pmp-card {\n padding: 1rem;\n}\n\n.pmp-grid-compact .pmp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmp-grid-compact .pmp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmp-primary), var(--pmp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pmp-timeline-content {\n flex: 1;\n background: var(--pmp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmp-radius-sm);\n box-shadow: var(--pmp-shadow);\n}\n\n.pmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmp-timeline-content p {\n font-size: 14px;\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pmp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pmp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmp-tip p {\n font-size: 14px;\n color: var(--pmp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pmp-accordion {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n box-shadow: var(--pmp-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.pmp-accordion-item {\n border-bottom: 1px solid var(--pmp-border);\n margin: 0;\n padding: 0;\n}\n\n.pmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pmp-accordion-header:hover {\n background: var(--pmp-primary-light);\n}\n\n.pmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pmp-primary);\n transition: transform .2s ease;\n}\n\n.pmp-accordion-item[open] .pmp-accordion-header::after {\n content: '−';\n}\n\n.pmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pmp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pmp-cta-box {\n background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-primary-dark) 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pmp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pmp-card {\n padding: 1.125rem;\n }\n\n .pmp-section {\n margin-bottom: 1.75rem;\n }\n\n .pmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmp-radius-sm);\n }\n\n .pmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pmp-grid-compact {\n gap: .625rem;\n }\n\n .pmp-grid-compact .pmp-card {\n padding: .75rem;\n }\n\n .pmp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pmp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pmp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pmp-timeline-content p {\n font-size: 13px;\n }\n\n .pmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pmp-testimonial {\n padding: 1.25rem;\n }\n\n .pmp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pmp-card {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-card:nth-child(1) { animation-delay: .05s; }\n .pmp-card:nth-child(2) { animation-delay: .1s; }\n .pmp-card:nth-child(3) { animation-delay: .15s; }\n .pmp-card:nth-child(4) { animation-delay: .2s; }\n .pmp-card:nth-child(5) { animation-delay: .25s; }\n .pmp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pmp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56721852301689,"sku":"NBAIPIM0060","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-a-diluer-1-bouteille-1-r-lifestyle_7c798df4-7959-41ef-b44f-1b4b7a169900.webp?v=1771923288"},{"product_id":"recharge-gel-douche-poudre-verveine-citron-pimpant","title":"Recharge de Gel douche à Diluer - Verveine \u0026 Citron - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🍋 Verveine \u0026amp; Citron\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🌿 99% naturel\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e💯 100\/100 Yuka\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eRecharge Gel Douche à Diluer Pimpant\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003e25 g de poudre → 250 ml de gel douche onctueux\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eCertifié COSMOS Natural · Sans sulfate · Papier FSC · Quasi zéro plastique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eGel douche à diluer Verveine \u0026amp; Citron Pimpant : la recharge maligne et écologique\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eEt si votre prochain gel douche tenait dans une simple enveloppe de 25 grammes ?\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📬 Format ultra-léger\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 25 g qui donne 250 ml de gel douche onctueux en ajoutant simplement de l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eFormule certifiée COSMOS Natural par Ecocert, le label de référence en cosmétique naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏭 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France, en Normandie, pour un circuit court et une traçabilité exemplaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💯 Noté 100\/100\u003c\/h3\u003e\n\u003cp\u003eScore parfait sur Yuka - difficile de faire mieux en termes de composition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche en poudre à diluer ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚿 Fini le transport d'eau\u003c\/h3\u003e\n\u003cp\u003eContrairement à un gel douche classique, cette pastille de gel douche à diluer élimine le transport inutile d'eau et réduit drastiquement les emballages plastique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ Quasi zéro plastique\u003c\/h3\u003e\n\u003cp\u003eLa recharge Pimpant utilise un papier certifié FSC avec seulement 0,5 g de plastique - un poids quasi négligeable. Vous réutilisez votre flacon existant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚡ Moins énergivore\u003c\/h3\u003e\n\u003cp\u003eLe format poudre est moins énergivore à produire qu'un gel liquide traditionnel. Une alternative concrète et accessible pour réduire votre empreinte écologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn parfum frais de verveine et citron pour chaque matin\u003c\/h2\u003e\n\u003cdiv class=\"pp-testimonial\"\u003e\n\u003cp class=\"pp-testimonial-text\"\u003e\"Le duo verveine \u0026amp; citron offre des notes végétales et citronnées à la fois vivifiantes et apaisantes. Ce parfum d'origine naturelle éveille les sens dès les premières secondes sous l'eau. Si vous appréciez les fragrances fraîches sans être entêtantes, cette association est faite pour vous.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLa texture obtenue après dilution est \u003cstrong\u003eonctueuse et agréable\u003c\/strong\u003e, loin de l'aspect aqueux que l'on pourrait craindre. La mousse est douce, le rinçage facile, et votre peau reste confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne composition exemplaire, sans sulfate ni colorant\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003e99 % d'ingrédients d'origine naturelle · Noté 19,2\/20 sur INCI Beauty · Utilisable dès 3 ans\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, nettoie sans agresser la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌱 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel qui donne sa texture onctueuse et agréable au gel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eActif hydratant et humectant pour une peau douce et confortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003ePotassium Sorbate \u0026amp; Sodium Benzoate - conservation efficace et douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🍋 Parfum naturel\u003c\/h3\u003e\n\u003cp\u003eFragrance d'origine naturelle verveine citron (Limonene, Citral, Linalool)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour une formule parfaitement équilibrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e👩👦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans sulfate, sans colorant\u003c\/strong\u003e - un gel douche adapté à toute la famille, utilisable dès 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche à diluer ?\u003c\/h2\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cspan class=\"pp-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau\u003c\/h3\u003e\n\u003cp\u003eAjoutez 225 ml d'eau tiède dans votre flacon réutilisable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cspan class=\"pp-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du sachet de poudre (25 g) dans le flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cspan class=\"pp-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez et patientez\u003c\/h3\u003e\n\u003cp\u003eSecouez énergiquement puis patientez 20 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cspan class=\"pp-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eC'est prêt !\u003c\/h3\u003e\n\u003cp\u003eVotre gel douche de 250 ml est prêt à l'emploi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recharge non ouverte se conserve \u003cstrong\u003e3 ans\u003c\/strong\u003e. Une fois préparé, utilisez votre gel douche dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e suivants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pp-section\"\u003e\n\u003ch2\u003eLes engagements Pimpant en résumé\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Normandie\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌳 Papier FSC\u003c\/h3\u003e\n\u003cp\u003eQuasi zéro plastique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💯 100\/100 Yuka\u003c\/h3\u003e\n\u003cp\u003eComposition irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003e🍋 Ce gel douche verveine citron en recharge à diluer est bien plus qu'un simple produit d'hygiène : c'est un geste concret vers une salle de bain plus responsable. Disponible à l'unité ou en lot de 4 recharges - testez-le, vous ne reviendrez probablement pas en arrière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-disclaimer\"\u003eComplément cosmétique certifié COSMOS Natural. Emballage recyclable. Utilisable dès 3 ans.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #FFFDF5;\n --pp-white: #ffffff;\n --pp-primary: #F2C307;\n --pp-primary-dark: #B8920A;\n --pp-primary-light: #FFF8DC;\n --pp-secondary: #5A9A2F;\n --pp-accent: #E8A620;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8e4d9;\n --pp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #F2C307 0%, #E8A620 40%, #5A9A2F 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(242,195,7,.3);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-secondary) 0%, #3D7A1A 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56721921212793,"sku":"NBAIPIM0100","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-a-diluer-verveine-citron-pimpant-lifestyle.webp?v=1771925958"},{"product_id":"kit-decouverte-gel-douche-poudre-verveine-citron-pimpant","title":"Kit Découverte Gel Douche en Poudre - Verveine \u0026 Citron - Pimpant","description":"\u003cdiv class=\"pm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pm-hero\"\u003e\n\u003cdiv class=\"pm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-hero-content\"\u003e\n\u003cdiv class=\"pm-badges-top\"\u003e\n\u003cspan class=\"pm-badge\"\u003e🍋 Verveine \u0026amp; Citron\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e♻️ 34× moins de plastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pm-hero-title\"\u003eKit Découverte Gel Douche en Poudre Pimpant\u003c\/span\u003e\n\u003cp class=\"pm-subtitle\"\u003e1 bouteille réutilisable + 1 recharge en poudre\u003c\/p\u003e\n\u003cp class=\"pm-description\"\u003e25 g de poudre + eau tiède = 250 ml de gel douche onctueux, frais et certifié Ecocert. Votre salle de bain n'a jamais été aussi responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre Verveine \u0026amp; Citron - Pimpant\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eEt si votre prochain gel douche tenait dans un petit sachet de 25 grammes ? Avec le \u003cstrong\u003ekit découverte gel douche en poudre à diluer Pimpant\u003c\/strong\u003e, vous adoptez une routine corps plus responsable, sans compromis sur le plaisir.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍋 Parfum frais\u003c\/h3\u003e\n\u003cp\u003eVerveine et citron pour un réveil pétillant sous la douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🧴 Texture onctueuse\u003c\/h3\u003e\n\u003cp\u003eUne mousse légère et veloutée, un vrai plaisir sensoriel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e♻️ 34× moins de plastique\u003c\/h3\u003e\n\u003cp\u003eQu'un flacon classique jetable, pour un impact réduit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌍 Geste planète\u003c\/h3\u003e\n\u003cp\u003ePrenez soin de vous et de la planète en même temps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eQue contient ce kit gel douche à diluer ?\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🫙 1 bouteille en verre sécurisé\u003c\/h3\u003e\n\u003cp\u003e300 ml, élégante et solide, équipée d'une pompe pratique. Réutilisable à l'infini.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e📦 1 recharge en poudre\u003c\/h3\u003e\n\u003cp\u003e25 g dans un sachet en papier recyclable. Il vous suffit ensuite de racheter uniquement les recharges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e✨ 250 ml de gel douche\u003c\/h3\u003e\n\u003cp\u003ePrêt à l'emploi après reconstitution. Un geste simple et économique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche en poudre ?\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eLa préparation est un jeu d'enfant, prêt en seulement 20 minutes :\u003c\/p\u003e\n\u003cdiv class=\"pm-timeline\"\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eEnviron \u003cstrong\u003e225 ml d'eau tiède\u003c\/strong\u003e dans la bouteille. Repérez la bulle blanche comme indicateur de niveau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du stick de poudre (\u003cstrong\u003e25 g\u003c\/strong\u003e) dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eRemuez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eFermez le flacon et \u003cstrong\u003esecouez bien\u003c\/strong\u003e pour mélanger la poudre à l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer avant la première utilisation. Vous obtenez un \u003cstrong\u003egel douche à la mousse légère et veloutée\u003c\/strong\u003e, au parfum pétillant de verveine et citron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn véritable moment de fraîcheur sous la douche. Secouez légèrement la bouteille avant chaque utilisation pour une texture optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eUne composition naturelle notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eCe \u003cstrong\u003egel douche verveine citron\u003c\/strong\u003e contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. Il est \u003cstrong\u003esans sulfate\u003c\/strong\u003e, sans colorant, et certifié \u003cstrong\u003eCosmos Natural par Ecocert\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e💯 Yuka 100\/100\u003c\/h3\u003e\n\u003cp\u003eNote maximale sur l'application de référence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⭐ INCI Beauty 19,2\/20\u003c\/h3\u003e\n\u003cp\u003eExcellence confirmée par les experts en cosmétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert, gage de naturalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfate\u003c\/h3\u003e\n\u003cp\u003eNi colorant, pour une formule clean et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails open=\"\" class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e🥥 Ingrédients clés et leurs rôles\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSodium Cocoyl Glutamate\u003c\/strong\u003e - Tensioactif doux dérivé de la noix de coco. Nettoie efficacement sans agresser ni dessécher la peau.\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem;\"\u003e\u003cstrong\u003eErythritol\u003c\/strong\u003e - Apporte un complément d'hydratation pour une peau douce après la douche.\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem;\"\u003e\u003cstrong\u003eXanthan Gum\u003c\/strong\u003e - Confère au gel sa texture agréable et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Cocoyl Glutamate, Xanthan Gum, Erythritol, Potassium Sorbate, Sodium Benzoate, Parfum (Fragrance), Citric Acid, Limonene, Citral, Linalool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePour toute la famille, dès 3 ans\u003c\/h2\u003e\n\u003cdiv class=\"pm-testimonial\"\u003e\n\u003cp class=\"pm-testimonial-text\"\u003eGrâce à sa formulation douce et respectueuse, ce \u003cstrong\u003egel douche solide à diluer\u003c\/strong\u003e convient à toute la famille, \u003cstrong\u003ey compris les enfants dès 3 ans\u003c\/strong\u003e. Utilisez-le au quotidien en toute sérénité : une seule bouteille dans la douche pour petits et grands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux peaux sensibles des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour simplifier votre salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eFabriqué en France, pensé pour durer\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🇫🇷 Normandie\u003c\/h3\u003e\n\u003cp\u003eFabriqué localement avec exigence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e📄 Papier recyclable\u003c\/h3\u003e\n\u003cp\u003eRecharge en sachet éco-conçu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e📅 3 ans\u003c\/h3\u003e\n\u003cp\u003eConservation de la recharge fermée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⏱️ 3 mois\u003c\/h3\u003e\n\u003cp\u003eDurée du gel douche reconstitué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003eEn choisissant un \u003cstrong\u003egel douche à diluer\u003c\/strong\u003e plutôt qu'un flacon plastique jetable, vous réduisez considérablement vos déchets. Chaque recharge remplace un flacon classique et se glisse facilement dans une enveloppe : l'empreinte carbone du transport est elle aussi minimisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"pm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi adopter ce gel douche en poudre Pimpant ?\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍋 Parfum vivifiant\u003c\/h3\u003e\n\u003cp\u003eVerveine et citron, frais et naturel pour un réveil tonique chaque matin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🧪 Formule clean\u003c\/h3\u003e\n\u003cp\u003eSans sulfate, certifiée Ecocert Cosmos Natural - une transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e♻️ Recharge économique\u003c\/h3\u003e\n\u003cp\u003eUn système écologique qui vous fait économiser sur le long terme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🫙 Bouteille durable\u003c\/h3\u003e\n\u003cp\u003eEn verre réutilisable, belle et élégante dans votre salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⭐ Notes exceptionnelles\u003c\/h3\u003e\n\u003cp\u003e100\/100 sur Yuka, 19,2\/20 sur INCI Beauty - l'excellence validée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e💛 Zéro contrainte\u003c\/h3\u003e\n\u003cp\u003eL'occasion idéale de tester le concept du gel douche en poudre sans engagement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cp\u003e🍋 Testez le concept et vous risquez simplement de ne plus vouloir revenir en arrière. Adoptez le gel douche en poudre Pimpant dès maintenant !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-disclaimer\"\u003eComplément cosmétique. Ce kit contient 1 bouteille en verre + 1 recharge poudre de 25 g. Conserver la recharge au sec, à l'abri de l'humidité.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pm-cream: #FFF8F0;\n --pm-white: #ffffff;\n --pm-primary: #F2C94C;\n --pm-primary-dark: #C4960A;\n --pm-primary-light: #FFF9E6;\n --pm-secondary: #4DB6A0;\n --pm-accent: #E8A87C;\n --pm-text: #1a1a1a;\n --pm-text-light: #5a5a5a;\n --pm-border: #e8e0d8;\n --pm-shadow: 0 4px 24px rgba(0,0,0,.07);\n --pm-shadow-lg: 0 12px 48px rgba(0,0,0,.13);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pm-hero {\n position: relative;\n background: linear-gradient(135deg, #F2C94C 0%, #E8A87C 45%, #4DB6A0 100%);\n border-radius: var(--pm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pm-shadow-lg);\n}\n\n.pm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pm-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.pm-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pm-primary), var(--pm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pm-card {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pm-shadow-lg);\n border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pm-primary), var(--pm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(242,201,76,.3);\n}\n\n.pm-timeline-content {\n flex: 1;\n background: var(--pm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pm-radius-sm);\n box-shadow: var(--pm-shadow);\n}\n\n.pm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pm-timeline-content p {\n font-size: 14px;\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pm-testimonial {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pm-shadow);\n border-left: 4px solid var(--pm-primary);\n}\n\n.pm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pm-accordion {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n box-shadow: var(--pm-shadow);\n overflow: hidden;\n}\n\n.pm-accordion-item {\n border-bottom: 1px solid var(--pm-border);\n margin: 0;\n padding: 0;\n}\n\n.pm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pm-accordion-header:hover {\n background: var(--pm-primary-light);\n}\n\n.pm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pm-primary);\n transition: transform .2s ease;\n}\n\n.pm-accordion-item[open] .pm-accordion-header::after {\n content: '−';\n}\n\n.pm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pm-primary-light);\n border-radius: var(--pm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pm-tip p {\n font-size: 14px;\n color: var(--pm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pm-cta-box {\n background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-accent) 50%, var(--pm-secondary) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.12);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pm-disclaimer {\n font-size: 12px;\n color: var(--pm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pm-card {\n padding: 1.125rem;\n }\n\n .pm-section {\n margin-bottom: 1.75rem;\n }\n\n .pm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pm-radius-sm);\n }\n\n .pm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pm-grid-compact {\n gap: .625rem;\n }\n\n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n\n .pm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pm-timeline-content h3 {\n font-size: 14px;\n }\n\n .pm-timeline-content p {\n font-size: 13px;\n }\n\n .pm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pm-testimonial {\n padding: 1.25rem;\n }\n\n .pm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: pmFadeInUp .5s ease backwards;\n }\n .pm-card:nth-child(1) { animation-delay: .05s; }\n .pm-card:nth-child(2) { animation-delay: .1s; }\n .pm-card:nth-child(3) { animation-delay: .15s; }\n .pm-card:nth-child(4) { animation-delay: .2s; }\n .pm-card:nth-child(5) { animation-delay: .25s; }\n .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56722068177273,"sku":"NBAIPIM0101","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-a-diluer-1-bouteille-1-r-lifestyle_23a4a684-befc-4cc1-afee-943ed0e4102e.webp?v=1771925958"},{"product_id":"kit-decouverte-gel-douche-poudre-vanille-gourmande-pimpant","title":"Kit Découverte Gel Douche en Poudre - Vanille Gourmande - Pimpant","description":"\u003cdiv class=\"pm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pm-hero\"\u003e\n\u003cdiv class=\"pm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-hero-content\"\u003e\n\u003cdiv class=\"pm-badges-top\"\u003e\n\u003cspan class=\"pm-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🧴 250 ml de gel douche\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e♻️ 34× moins de plastique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pm-hero-title\"\u003eKit Découverte Gel Douche en Poudre - Vanille Gourmande\u003c\/span\u003e\n\u003cp class=\"pm-subtitle\"\u003ePar Pimpant · La révolution éco sous la douche\u003c\/p\u003e\n\u003cp class=\"pm-description\"\u003eTransformez une simple poudre en gel douche onctueux à la vanille en 20 minutes. Zéro superflu, zéro plastique inutile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre Vanille Gourmande – Pimpant\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eEt si votre prochain \u003cstrong\u003egel douche vanille\u003c\/strong\u003e se présentait sous forme de poudre ? Avec ce kit découverte Pimpant, vous recevez tout le nécessaire pour préparer vous-même un gel douche onctueux, parfumé à la \u003cstrong\u003evanille gourmande\u003c\/strong\u003e, en seulement 20 minutes. Un geste simple qui change vos habitudes sous la douche - et réduit drastiquement vos déchets plastiques.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eQue contient ce kit de gel douche en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🧴 1 bouteille rechargeable\u003c\/h3\u003e\n\u003cp\u003eContenance 300 ml avec pompe, conçue pour durer et se réutiliser indéfiniment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e📦 1 recharge en poudre\u003c\/h3\u003e\n\u003cp\u003eStick de 25 g au parfum Vanille Gourmande pour obtenir 250 ml de gel douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa bouteille se réutilise indéfiniment : il vous suffira ensuite de commander de simples recharges. Résultat ? \u003cstrong\u003e34 fois moins de plastique\u003c\/strong\u003e comparé à un flacon de gel douche classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eUne formule naturelle notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eOubliez les formulations douteuses. Ce \u003cstrong\u003egel douche en poudre\u003c\/strong\u003e Pimpant affiche des scores exemplaires : \u003cstrong\u003e100\/100 sur Yuka\u003c\/strong\u003e et \u003cstrong\u003e19,2\/20 sur INCI Beauty\u003c\/strong\u003e. Sa composition, certifiée \u003cstrong\u003eCOSMOS Natural par Ecocert\u003c\/strong\u003e, repose sur \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, sans sulfate. Nettoie en douceur sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant qui préserve le confort de la peau et évite les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌾 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel pour une texture onctueuse et agréable sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n\u003cp\u003eNotes sucrées et délicates d'origine naturelle pour un moment gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003ePotassium Sorbate \u0026amp; Sodium Benzoate, autorisés en cosmétique naturelle certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⚖️ Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour respecter l'équilibre cutané naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003ePas de sulfate, pas de silicone, pas de superflu. Juste l'essentiel pour une peau propre, douce et délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche vanille ?\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eLa reconstitution est un jeu d'enfant :\u003c\/p\u003e\n\u003cdiv class=\"pm-timeline\"\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez la bouteille d'eau tiède jusqu'à la bulle blanche (environ 225 ml).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du contenu du stick de poudre dans la bouteille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eFermez la bouteille et secouez bien pour mélanger poudre et eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer puis profitez d'une mousse légère au parfum gourmand de vanille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e⏳\u003c\/span\u003e\n\u003cp\u003eUne fois dilué, votre gel douche se conserve \u003cstrong\u003e3 mois\u003c\/strong\u003e. Le stick non ouvert, lui, se garde \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eFabriqué en France, emballage éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Normandie\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué en France par Pimpant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e📄 83 % papier FSC\u003c\/h3\u003e\n\u003cp\u003eLe stick de recharge est composé majoritairement de papier certifié FSC.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e♻️ 100 % recyclable\u003c\/h3\u003e\n\u003cp\u003eL'emballage du stick est entièrement recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🚰 Moins de transport d'eau\u003c\/h3\u003e\n\u003cp\u003eMoins de plastique, moins de transport d'eau, plus de sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePour qui est fait ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille dès 3 ans, pour un usage quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🫧 Mousse légère\u003c\/h3\u003e\n\u003cp\u003eSa texture se transforme en mousse agréable, idéale pour le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e🔄\u003c\/span\u003e\n\u003cp\u003eSéduit par le concept ? Les recharges Vanille Gourmande se commandent séparément - votre bouteille vous accompagnera longtemps. Évitez simplement le contact direct avec les yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pm-section\"\u003e\n\u003cdiv class=\"pm-cta-box\"\u003e\n\u003cp\u003e🍦 Offrez-vous un rituel douche gourmand, naturel et éco-responsable.\u003cbr\u003e1 stick = 250 ml de gel douche · Prêt en 20 minutes · 100\/100 sur Yuka\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-disclaimer\"\u003e\u003cem\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pm-cream: #FFF8EE;\n --pm-white: #ffffff;\n --pm-primary: #E8A825;\n --pm-primary-dark: #B8841A;\n --pm-primary-light: #FFF3DC;\n --pm-secondary: #F5C960;\n --pm-accent: #5B8C3E;\n --pm-text: #1a1a1a;\n --pm-text-light: #5a5a5a;\n --pm-border: #f0e4d0;\n --pm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pm-hero {\n position: relative;\n background: linear-gradient(135deg, #E8A825 0%, #F5C960 50%, #B8841A 100%);\n border-radius: var(--pm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pm-shadow-lg);\n}\n\n.pm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.pm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.pm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pm-primary), var(--pm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pm-card {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pm-shadow-lg);\n border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pm-primary), var(--pm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pm-timeline-content {\n flex: 1;\n background: var(--pm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pm-radius-sm);\n box-shadow: var(--pm-shadow);\n}\n\n.pm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pm-timeline-content p {\n font-size: 14px;\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pm-primary-light);\n border-radius: var(--pm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pm-tip p {\n font-size: 14px;\n color: var(--pm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pm-cta-box {\n background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-primary-dark) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pm-disclaimer {\n font-size: 12px;\n color: var(--pm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pm-card {\n padding: 1.125rem;\n }\n\n .pm-section {\n margin-bottom: 1.75rem;\n }\n\n .pm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pm-radius-sm);\n }\n\n .pm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pm-grid-compact {\n gap: .625rem;\n }\n\n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n\n .pm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pm-timeline-content h3 {\n font-size: 14px;\n }\n\n .pm-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: pmFadeInUp .5s ease backwards;\n }\n .pm-card:nth-child(1) { animation-delay: .05s; }\n .pm-card:nth-child(2) { animation-delay: .1s; }\n .pm-card:nth-child(3) { animation-delay: .15s; }\n .pm-card:nth-child(4) { animation-delay: .2s; }\n .pm-card:nth-child(5) { animation-delay: .25s; }\n .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56722629624185,"sku":"NBAIPIM0058","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-1-bouteille-1-recharge-v-lifestyle.webp?v=1771928020"},{"product_id":"recharge-de-gel-douche-2-en-1-a-diluer-criste-marine-pimpant","title":"Recharge de Gel lavant 2 en 1 à Diluer - Criste Marine (corps \u0026 cheveux) - Pimpant","description":"\u003cdiv class=\"pm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pm-hero\"\u003e\n\u003cdiv class=\"pm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pm-hero-content\"\u003e\n\u003cdiv class=\"pm-badges-top\"\u003e\n\u003cspan class=\"pm-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e♻️ Zéro déchet plastique\u003c\/span\u003e \u003cspan class=\"pm-badge\"\u003e⭐ Yuka 93\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pm-hero-title\"\u003eGel Lavant 2 en 1 à diluer - Criste Marine\u003c\/span\u003e\n\u003cp class=\"pm-subtitle\"\u003ePimpant - Recharge poudre corps \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"pm-description\"\u003e25 g de poudre = 250 mL de gel lavant prêt à l'emploi. Un geste simple pour votre peau, vos cheveux et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eGel lavant 2 en 1 à diluer Pimpant - Criste Marine : la recharge corps \u0026amp; cheveux zéro déchet\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche shampooing 2 en 1\u003c\/strong\u003e efficace, naturel et respectueux de la planète ? Cette recharge en poudre Pimpant à l'extrait de \u003cstrong\u003eCriste Marine\u003c\/strong\u003e transforme votre routine sous la douche : un seul sachet de 25 g suffit pour obtenir \u003cstrong\u003e250 mL de gel lavant\u003c\/strong\u003e prêt à l'emploi, pour le corps et les cheveux. Fini les flacons plastiques jetables.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🧴 2 en 1\u003c\/h3\u003e\n\u003cp\u003eCorps et cheveux dans un seul produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🪶 25 g seulement\u003c\/h3\u003e\n\u003cp\u003eUltra-léger, ultra-malin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e💧 250 mL\u003c\/h3\u003e\n\u003cp\u003eUn flacon complet de gel lavant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌍 Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eSachet papier 100 % recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eContrairement à un gel douche classique, cette \u003cstrong\u003erecharge de gel douche 2 en 1\u003c\/strong\u003e arrive sous forme de poudre dans un stick en papier recyclable. Vous ajoutez simplement de l'eau tiède dans votre \u003cspan style=\"color: rgb(64, 64, 64);\"\u003e\u003ca rel=\"noopener\" title=\"Bouteille en verre rechargeable Pimpant 250 mL – Pour Shampoing, Gel douche ou Lavant main\" href=\"https:\/\/www.naturellement-bio.com\/products\/bouteille-en-verre-rechargeable-pimpant-250ml\" style=\"color: rgb(64, 64, 64);\" target=\"_blank\"\u003eflacon-pompe réutilisable\u003c\/a\u003e\u003c\/span\u003e, et le tour est joué. C'est malin, économique et considérablement plus léger en empreinte carbone puisqu'on transporte 25 g au lieu de 250 mL d'eau.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌿 99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eUne formule propre, transparente et certifiée Cosmos Organic par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en Normandie, en France\u003c\/h3\u003e\n\u003cp\u003eProduction locale pour un circuit court et une traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e⭐ Note Yuka : 93\/100\u003c\/h3\u003e\n\u003cp\u003eUn score excellent qui témoigne d'une composition saine et irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e♻️ Emballage 100 % recyclable\u003c\/h3\u003e\n\u003cp\u003eStick en papier recyclable, aucun flacon plastique à jeter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e👶 Convient dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée à toute la famille, même les plus jeunes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e💰 Économique et malin\u003c\/h3\u003e\n\u003cp\u003eOn ne transporte plus d'eau : 25 g remplacent un flacon entier de 250 mL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eLa Criste Marine : un actif marin tonifiant\u003c\/h2\u003e\n\u003cdiv class=\"pm-testimonial\"\u003e\n\u003cp class=\"pm-testimonial-text\"\u003eLa Criste Marine (\u003cem\u003eCrithmum Maritimum\u003c\/em\u003e) est une plante côtière reconnue pour ses \u003cstrong\u003epropriétés raffermissantes et tonifiantes\u003c\/strong\u003e. Naturellement riche en vitamines C et E, cet extrait apporte à votre peau un véritable coup d'éclat, tout en protégeant l'épiderme des agressions du quotidien grâce à son pouvoir antioxydant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"pm-grid\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌊 Criste Marine\u003c\/h3\u003e\n\u003cp\u003eRaffermissante et tonifiante, riche en vitamines C et E, puissant antioxydant pour un véritable coup d'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🍃 Inuline\u003c\/h3\u003e\n\u003cp\u003eAdoucissant naturel qui laisse la peau souple et confortable après chaque douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e✨ Guar\u003c\/h3\u003e\n\u003cp\u003eAgent de conditionnement capillaire qui démêle les cheveux sans effort et sans silicone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche et shampoing 2 en 1 ?\u003c\/h2\u003e\n\u003cdiv class=\"pm-timeline\"\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e225 mL d'eau tiède\u003c\/strong\u003e dans votre flacon-pompe réutilisable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eAjoutez le contenu du sachet de poudre (25 g) directement dans le flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eRefermez\u003c\/h3\u003e\n\u003cp\u003eRefermez avec la pompe pour sceller le flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003eSecouez\u003c\/h3\u003e\n\u003cp\u003eSecouez vigoureusement pour bien mélanger poudre et eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-item\"\u003e\n\u003cdiv class=\"pm-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"pm-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e avant la première utilisation pour une texture parfaite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-tip\"\u003e\n\u003cspan class=\"pm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour préparer une nouvelle recharge, pensez simplement à rincer votre flacon à l'eau chaude avant de recommencer l'opération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n\u003cdiv class=\"pm-accordion\"\u003e\n\u003cdetails open=\"\" class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e🧪 Liste INCI détaillée\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSodium Cocoyl Glutamate\u003c\/strong\u003e (tensioactif doux d'origine naturelle), \u003cstrong\u003eSodium Coco-Sulfate\u003c\/strong\u003e (tensioactif d'origine végétale), \u003cstrong\u003eXanthan Gum\u003c\/strong\u003e (gélifiant), \u003cstrong\u003ePotassium Sorbate\u003c\/strong\u003e (conservateur), \u003cstrong\u003eSodium Benzoate\u003c\/strong\u003e (conservateur), \u003cstrong\u003eInulin\u003c\/strong\u003e (adoucissant peau et cheveux), \u003cstrong\u003eParfum\u003c\/strong\u003e (d'origine naturelle), \u003cstrong\u003eCitric Acid\u003c\/strong\u003e (régulateur de pH), \u003cstrong\u003eMaltodextrin\u003c\/strong\u003e, \u003cstrong\u003eGuar Hydroxypropyltrimonium Chloride\u003c\/strong\u003e (conditionneur capillaire antistatique), \u003cstrong\u003eAqua\u003c\/strong\u003e, \u003cstrong\u003eCrithmum Maritimum Extract\u003c\/strong\u003e (extrait de Criste Marine).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e✅ Ce qu'on y trouve\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003eDes tensioactifs doux d'origine naturelle et végétale, de l'inuline adoucissante, du Guar pour le démêlage, un extrait de Criste Marine tonifiant et un parfum 100 % d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\" class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e🚫 Ce qu'on n'y trouve pas\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003eAucun silicone, aucun parabène, aucun colorant synthétique, aucun SLS\/SLES agressif, aucun composant d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003ePour qui est fait ce shampoing gel douche 2 en 1 ?\u003c\/h2\u003e\n\u003cp class=\"pm-section-intro\"\u003eCe \u003cstrong\u003egel douche 2 en 1\u003c\/strong\u003e convient à toute la famille dès 3 ans. Il est idéal si vous souhaitez simplifier votre salle de bain avec un seul produit corps et cheveux, réduire vos déchets plastiques, ou si vous cherchez une alternative aux formats classiques.\u003c\/p\u003e\n\u003cdiv class=\"pm-grid-compact\"\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdapté dès 3 ans, pour petits et grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🌱 Les éco-responsables\u003c\/h3\u003e\n\u003cp\u003eZéro déchet plastique, empreinte carbone réduite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🧴 Les minimalistes\u003c\/h3\u003e\n\u003cp\u003eUn seul produit corps et cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-card\"\u003e\n\u003ch3\u003e🤍 Les peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce pour un usage quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"pm-section\"\u003e\n\u003ch2\u003eConservation\u003c\/h2\u003e\n\u003cdiv class=\"pm-accordion\"\u003e\n\u003cdetails open=\"\" class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e🧊 Durée de conservation\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recharge non ouverte se conserve \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e. Une fois reconstitué, utilisez votre gel lavant dans un délai raisonnable, à l'abri de la chaleur excessive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\" class=\"pm-accordion-item\"\u003e\n\u003csummary class=\"pm-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème cutané spécifique. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pm-section\"\u003e\n\u003cdiv class=\"pm-cta-box\"\u003e\n\u003cp\u003e🌊 Adoptez le réflexe zéro déchet sous la douche : 25 g de poudre, 250 mL de gel lavant naturel, 0 plastique jeté. Votre peau, vos cheveux et la planète vous remercient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pm-disclaimer\"\u003eComplément cosmétique. Ce produit ne se substitue pas à un avis dermatologique. Conservez à l'abri de la chaleur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pm-cream: #f4f9f8;\n --pm-white: #ffffff;\n --pm-primary: #1a7a8a;\n --pm-primary-dark: #0e5663;\n --pm-primary-light: #e0f3f3;\n --pm-secondary: #3bbcc0;\n --pm-accent: #a8dcd1;\n --pm-text: #1a1a1a;\n --pm-text-light: #5a6b6b;\n --pm-border: #d6e6e4;\n --pm-shadow: 0 4px 24px rgba(26, 122, 138, .08);\n --pm-shadow-lg: 0 12px 48px rgba(14, 86, 99, .15);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pm-hero {\n position: relative;\n background: linear-gradient(135deg, #0e5663 0%, #1a7a8a 40%, #3bbcc0 100%);\n border-radius: var(--pm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pm-shadow-lg);\n}\n\n.pm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(59,188,192,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(168,220,209,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pm-primary), var(--pm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pm-card {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pm-shadow-lg);\n border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pm-primary), var(--pm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pm-timeline-content {\n flex: 1;\n background: var(--pm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pm-radius-sm);\n box-shadow: var(--pm-shadow);\n}\n\n.pm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pm-timeline-content p {\n font-size: 14px;\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pm-testimonial {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pm-shadow);\n border-left: 4px solid var(--pm-primary);\n}\n\n.pm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pm-accordion {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n box-shadow: var(--pm-shadow);\n overflow: hidden;\n}\n\n.pm-accordion-item {\n border-bottom: 1px solid var(--pm-border);\n margin: 0;\n padding: 0;\n}\n\n.pm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pm-accordion-header:hover {\n background: var(--pm-primary-light);\n}\n\n.pm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pm-primary);\n transition: transform .2s ease;\n}\n\n.pm-accordion-item[open] .pm-accordion-header::after {\n content: '−';\n}\n\n.pm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pm-primary-light);\n border-radius: var(--pm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pm-tip p {\n font-size: 14px;\n color: var(--pm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pm-cta-box {\n background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-primary-dark) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(59,188,192,.2) 0%, transparent 60%);\n}\n\n.pm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.pm-disclaimer {\n font-size: 12px;\n color: var(--pm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pm-card {\n padding: 1.125rem;\n }\n\n .pm-section {\n margin-bottom: 1.75rem;\n }\n\n .pm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pm-radius-sm);\n }\n\n .pm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pm-grid-compact {\n gap: .625rem;\n }\n\n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n\n .pm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pm-timeline-content h3 {\n font-size: 14px;\n }\n\n .pm-timeline-content p {\n font-size: 13px;\n }\n\n .pm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pm-testimonial {\n padding: 1.25rem;\n }\n\n .pm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: pmFadeInUp .5s ease backwards;\n }\n .pm-card:nth-child(1) { animation-delay: .05s; }\n .pm-card:nth-child(2) { animation-delay: .1s; }\n .pm-card:nth-child(3) { animation-delay: .15s; }\n .pm-card:nth-child(4) { animation-delay: .2s; }\n .pm-card:nth-child(5) { animation-delay: .25s; }\n .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56730867335545,"sku":"NBAIPIM0005","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-douche-2-en-1-a-diluer-criste-marine-pimpant-lifestyle.webp?v=1772015469"},{"product_id":"rechargegel-lavant-enfant-pomme-corps-cheveux-pimpant","title":"Recharge Gel lavant Kids 2 en 1 à Diluer - Pomme du Verger (corps \u0026 cheveux) - Pimpant","description":"\u003cdiv class=\"pk-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pk-hero\"\u003e\n\u003cdiv class=\"pk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pk-hero-content\"\u003e\n\u003cdiv class=\"pk-badges-top\"\u003e\n\u003cspan class=\"pk-badge\"\u003e🍎 Parfum Pomme du Verger\u003c\/span\u003e \u003cspan class=\"pk-badge\"\u003e🧴 Sans sulfate\u003c\/span\u003e \u003cspan class=\"pk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pk-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pk-hero-title\"\u003eGel lavant Kids 2 en 1 Pimpant\u003c\/span\u003e\n\u003cp class=\"pk-subtitle\"\u003eLa recharge poudre à diluer - Corps \u0026amp; cheveux dès 3 ans\u003c\/p\u003e\n\u003cp class=\"pk-description\"\u003eCertifié COSMOS Organic · 100\/100 Yuka · 19.2\/20 INCI Beauty\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eGel lavant corps et cheveux enfant : la recharge écologique au parfum Pomme du Verger\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eVous cherchez un gel lavant corps et cheveux doux, naturel et vraiment adapté à la peau sensible de vos enfants ? La recharge de gel lavant Kids 2 en 1 Pimpant au parfum Pomme du Verger coche toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid-compact\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🧪 Sans sulfate\u003c\/h3\u003e\n\u003cp\u003eFormule douce sans tensioactif agressif pour respecter la peau des tout-petits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🏅 100\/100 Yuka\u003c\/h3\u003e\n\u003cp\u003eLa note maximale sur l'application de référence en transparence cosmétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌱 COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertification Ecocert garantissant un produit respectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e✨ 19.2\/20 INCI\u003c\/h3\u003e\n\u003cp\u003eScore quasi parfait sur INCI Beauty, validant chaque ingrédient de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette recharge gel lavant kids Pimpant ?\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eContrairement aux gels lavants classiques qui transportent essentiellement de l'eau dans des flacons en plastique, Pimpant propose un concept malin et écologique.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🪶 25 g de poudre = 250 ml de gel\u003c\/h3\u003e\n\u003cp\u003eUne recharge ultra-légère qui donne l'équivalent d'une bouteille classique, avec une fraction de l'empreinte écologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🍏 Parfum 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eUne fragrance pomme du verger spécialement conçue pour la marque, irrésistible pour les enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eNettoie en douceur corps et cheveux, facilite le démêlage et laisse la peau douce et hydratée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-tip\"\u003e\n\u003cspan class=\"pk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFini les batailles à la sortie du bain : le démêlage est facilité et la peau reste douce et hydratée grâce à la formule 2 en 1.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eUne composition transparente et rassurante\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003ePas de sulfate, pas de tensioactif agressif. Votre enfant profite d'un bain tout en douceur, sans compromis sur l'efficacité du lavage.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, il nettoie et fait mousser sans agresser la peau ni les cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAgent humectant et hydratant qui aide à maintenir la peau souple\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌀 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel qui donne au gel sa texture agréable et onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌾 Inulin\u003c\/h3\u003e\n\u003cp\u003eConditionneur capillaire d'origine végétale pour faciliter le coiffage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🥛 Yogurt Powder\u003c\/h3\u003e\n\u003cp\u003ePoudre de yaourt qui conditionne les cheveux et adoucit la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🍎 Parfum naturel\u003c\/h3\u003e\n\u003cp\u003eFragrance Pomme du Verger, 100 % d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-accordion\"\u003e\n\u003cdetails class=\"pk-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pk-accordion-header\"\u003e🔬 Autres ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"pk-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003ePotassium Sorbate \u0026amp; Sodium Benzoate\u003c\/strong\u003e - conservateurs doux autorisés en cosmétique naturelle\u003cbr\u003e\u003cstrong\u003eCitric Acid\u003c\/strong\u003e - régulateur de pH pour une formule parfaitement équilibrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eComment préparer votre gel lavant à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eLa préparation est simple, et vos enfants peuvent même participer !\u003c\/p\u003e\n\u003cdiv class=\"pk-timeline\"\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eAjoutez 225 ml d'eau tiède dans votre flacon réutilisable (jusqu'à la bulle blanche si vous utilisez le flacon Pimpant)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du sachet de poudre de recharge dans le flacon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez bien le flacon et secouez vigoureusement pour bien mélanger la poudre à l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer avant la première utilisation pour que le gel atteigne sa texture idéale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-tip\"\u003e\n\u003cspan class=\"pk-tip-icon\"\u003e⏱️\u003c\/span\u003e\n\u003cp\u003eUne fois dilué, votre gel lavant 2 en 1 se conserve \u003cstrong\u003ejusqu'à 3 mois\u003c\/strong\u003e. La recharge fermée, quant à elle, se garde \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eFabriqué en France, pensé pour la planète\u003c\/h2\u003e\n\u003cdiv class=\"pk-grid\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🇫🇷 Produit en Normandie\u003c\/h3\u003e\n\u003cp\u003eChaque recharge est produite et conditionnée près de Caen, garantissant qualité et traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e♻️ Moins de plastique\u003c\/h3\u003e\n\u003cp\u003eLe format poudre à diluer réduit considérablement les déchets plastiques au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e📦 4 recharges = 1 litre\u003c\/h3\u003e\n\u003cp\u003eLe pack contient 4 recharges, soit l'équivalent d'1 litre de gel lavant pour plusieurs semaines de bains joyeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pk-section\"\u003e\n\u003cdiv class=\"pk-cta-box\"\u003e\n\u003cp\u003e🍎 Offrez à vos enfants un bain doux, naturel et ludique au parfum de pomme - tout en prenant soin de la planète !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pk-disclaimer\"\u003eCe gel lavant kids est un produit d'hygiène corporelle. En cas de doute concernant la peau de votre enfant (eczéma, allergies), consultez votre pédiatre ou votre dermatologue avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pk-cream: #FFF8F2;\n --pk-white: #ffffff;\n --pk-primary: #E8611A;\n --pk-primary-dark: #C14E12;\n --pk-primary-light: #FFF0E6;\n --pk-secondary: #4CAF50;\n --pk-accent: #FF8A3D;\n --pk-text: #1a1a1a;\n --pk-text-light: #5a5a5a;\n --pk-border: #F0E0D0;\n --pk-shadow: 0 4px 24px rgba(232,97,26,.08);\n --pk-shadow-lg: 0 12px 48px rgba(232,97,26,.15);\n --pk-radius: 20px;\n --pk-radius-sm: 12px;\n}\n\n.pk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pk-hero {\n position: relative;\n background: linear-gradient(135deg, #E8611A 0%, #FF8A3D 50%, #D44A1A 100%);\n border-radius: var(--pk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pk-shadow-lg);\n}\n\n.pk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.pk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2.2vw, 16px);\n font-weight: 500;\n margin: 0;\n letter-spacing: .02em;\n}\n\n\/* === BADGES === *\/\n.pk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pk-primary), var(--pk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pk-card {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pk-shadow-lg);\n border-color: var(--pk-primary);\n}\n\n.pk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pk-grid-compact .pk-card {\n padding: 1rem;\n}\n\n.pk-grid-compact .pk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pk-grid-compact .pk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pk-primary), var(--pk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pk-timeline-content {\n flex: 1;\n background: var(--pk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pk-radius-sm);\n box-shadow: var(--pk-shadow);\n}\n\n.pk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pk-timeline-content p {\n font-size: 14px;\n color: var(--pk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pk-testimonial {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pk-shadow);\n border-left: 4px solid var(--pk-primary);\n}\n\n.pk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pk-accordion {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n box-shadow: var(--pk-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.pk-accordion-item {\n border-bottom: 1px solid var(--pk-border);\n margin: 0;\n padding: 0;\n}\n\n.pk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pk-accordion-header:hover {\n background: var(--pk-primary-light);\n}\n\n.pk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pk-primary);\n transition: transform .2s ease;\n}\n\n.pk-accordion-item[open] .pk-accordion-header::after {\n content: '−';\n}\n\n.pk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pk-primary-light);\n border-radius: var(--pk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pk-tip p {\n font-size: 14px;\n color: var(--pk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pk-cta-box {\n background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%);\n border-radius: var(--pk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pk-disclaimer {\n font-size: 12px;\n color: var(--pk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pk-card {\n padding: 1.125rem;\n }\n\n .pk-section {\n margin-bottom: 1.75rem;\n }\n\n .pk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pk-radius-sm);\n }\n\n .pk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pk-grid-compact {\n gap: .625rem;\n }\n\n .pk-grid-compact .pk-card {\n padding: .75rem;\n }\n\n .pk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pk-timeline-content h3 {\n font-size: 14px;\n }\n\n .pk-timeline-content p {\n font-size: 13px;\n }\n\n .pk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pk-testimonial {\n padding: 1.25rem;\n }\n\n .pk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pk-card {\n animation: pkFadeInUp .5s ease backwards;\n }\n .pk-card:nth-child(1) { animation-delay: .05s; }\n .pk-card:nth-child(2) { animation-delay: .1s; }\n .pk-card:nth-child(3) { animation-delay: .15s; }\n .pk-card:nth-child(4) { animation-delay: .2s; }\n .pk-card:nth-child(5) { animation-delay: .25s; }\n .pk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56730945519993,"sku":"NBAIPIM0007","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-gel-lavant-kids-2-en-1-a-diluer-pomme-du-verger--lifestyle.webp?v=1772618127"},{"product_id":"kit-decouverte-gel-douche-en-poudre-peau-sensible-pimpant","title":"Kit Découverte Gel Douche en Poudre - Peaux Sensibles - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🧴 Sans sulfate ni parfum\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e💯 Yuka 100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eKit Découverte Gel Douche en Poudre - Pimpant\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003e1 bouteille rechargeable + 1 recharge de poudre à diluer\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eTransformez 25 g de poudre en 250 ml de gel douche onctueux, certifié COSMOS Natural. Le soin sans parfum pensé pour les peaux sensibles et pour la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Douche en Poudre Sans Parfum - Pimpant : le soin doux pour peaux sensibles\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche sans parfum\u003c\/strong\u003e vraiment respectueux de votre peau et de la planète ? Le kit découverte Pimpant réinvente votre routine douche grâce à un concept malin : un \u003cstrong\u003egel douche en poudre à diluer\u003c\/strong\u003e qui se transforme en 250 ml de soin onctueux en quelques minutes.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Bouteille rechargeable\u003c\/h3\u003e\n\u003cp\u003e300 ml, élégante et durable - conçue pour être réutilisée à l'infini\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 Recharge 25 g\u003c\/h3\u003e\n\u003cp\u003eUn sachet de poudre concentrée = 250 ml de gel douche prêt à l'emploi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Ajoutez de l'eau\u003c\/h3\u003e\n\u003cp\u003eDe l'eau tiède du robinet suffit pour reconstituer votre gel douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⏱️ Prêt en 20 min\u003c\/h3\u003e\n\u003cp\u003eUn geste simple et rapide, aussi facile que de se faire un thé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-section-intro\" style=\"margin-top: 1.25rem;\"\u003eFini les flacons plastiques jetables, place à une salle de bain plus légère et plus responsable.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche solide à diluer ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe kit contient \u003cstrong\u003eune bouteille rechargeable de 300 ml\u003c\/strong\u003e et \u003cstrong\u003eune recharge de 25 g de poudre\u003c\/strong\u003e. Ajoutez de l'eau tiède et obtenez un gel douche prêt à l'emploi - bien plus écologique qu'un flacon classique.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌿 99 % d'ingrédients naturels\u003c\/h3\u003e\n\u003cp\u003eUne formule minimaliste et d'origine naturelle pour respecter votre peau au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfate \u0026amp; sans parfum\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sensibles et réactives, hypoallergénique et testé dermatologiquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🏅 Certifié COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eLabellisé par Ecocert, gage de qualité et de transparence sur les ingrédients\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💯 Yuka 100\/100\u003c\/h3\u003e\n\u003cp\u003eNote INCI Beauty : 19,4\/20 - parmi les meilleures notations du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🔬 Contrôle dermatologique\u003c\/h3\u003e\n\u003cp\u003eTesté et approuvé pour les peaux les plus exigeantes, hypoallergénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eConçu et produit en Normandie, près de Caen, dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous hésitez entre un \u003cstrong\u003egel douche solide bio\u003c\/strong\u003e ou un gel liquide classique ? Cette formule à diluer combine le meilleur des deux mondes : la praticité d'un gel liquide et l'empreinte écologique réduite d'un format concentré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa formule est courte, propre et parfaitement lisible. Voici ce que contient chaque recharge :\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🫧 Cocoyl glutamate de sodium\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle - nettoie en douceur sans agresser la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eHumectant naturel qui aide à maintenir l'hydratation de votre peau pendant le lavage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌀 Gomme de xanthane\u003c\/h3\u003e\n\u003cp\u003eAgent gélifiant d'origine naturelle pour une texture onctueuse et agréable à l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Sorbate de potassium \u0026amp; benzoate de sodium\u003c\/h3\u003e\n\u003cp\u003eConservateurs doux qui garantissent la stabilité de votre gel douche une fois dilué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e⚖️ Acide citrique\u003c\/h3\u003e\n\u003cp\u003eRégulateur de pH pour assurer un gel douche à pH neutre, parfaitement adapté à votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pp-section-intro\" style=\"margin-top: 1.25rem;\"\u003eUn \u003cstrong\u003egel douche pH neutre sans parfum\u003c\/strong\u003e, formulé avec le strict nécessaire pour adoucir et apaiser votre peau au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel douche en poudre ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est un jeu d'enfant et ne prend que quelques instants :\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez la bouteille avec de l'\u003cstrong\u003eeau tiède\u003c\/strong\u003e jusqu'à la bulle blanche (environ 225 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez toute la recharge de poudre dans la bouteille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez le bouchon et \u003cstrong\u003esecouez bien\u003c\/strong\u003e pour mélanger la poudre et l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e et votre gel douche est prêt à l'emploi !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e👩👦 Pour qui est-ce adapté ?\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe gel douche convient à toute la famille \u003cstrong\u003edès 3 ans\u003c\/strong\u003e. Il n'est en revanche pas recommandé pour les bébés dont la peau est encore plus fragile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧊 Conservation après dilution\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eUne fois dilué, utilisez votre gel douche dans les \u003cstrong\u003e3 mois\u003c\/strong\u003e pour profiter de toute son efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📦 Durée de vie de la recharge\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recharge fermée se conserve quant à elle \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e - pratique pour stocker vos recharges à l'avance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn geste concret pour l'environnement\u003c\/h2\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e♻️ 83 % papier FSC\u003c\/h3\u003e\n\u003cp\u003eLe stick de recharge est composé majoritairement de papier issu de forêts gérées durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e📦 100 % recyclable\u003c\/h3\u003e\n\u003cp\u003eL'emballage entier est conçu pour être recyclé sans difficulté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚯 Moins de plastique\u003c\/h3\u003e\n\u003cp\u003eChaque recharge, c'est un flacon plastique en moins dans votre poubelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Impact réel\u003c\/h3\u003e\n\u003cp\u003eDes dizaines de flacons économisés par foyer chaque année - le calcul est vite fait\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003eEn choisissant ce gel douche nouvelle génération, vous prenez soin de votre peau sensible tout en réduisant concrètement vos déchets. Une démarche simple, efficace, et qui fait du bien - à vous comme à la planète. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #F4F8F9;\n --pp-white: #ffffff;\n --pp-primary: #B8A5D4;\n --pp-primary-dark: #6E5A8E;\n --pp-primary-light: #F0EAF7;\n --pp-secondary: #7BC67E;\n --pp-accent: #F4C76B;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e4dff0;\n --pp-shadow: 0 4px 24px rgba(110,90,142,.08);\n --pp-shadow-lg: 0 12px 48px rgba(110,90,142,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #9B87C2 0%, #B8A5D4 35%, #D6EEF0 70%, #7BC67E 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.pp-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 660px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56730979500409,"sku":"NBAIPIM0061","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-douche-en-poudre-1-bouteille-1-recharge-s-lifestyle.webp?v=1772012234"},{"product_id":"kit-decouverte-gel-lavant-kids-pomme-pimpant","title":"Kit Découverte Gel Lavant Kids 2 en 1 - Pomme du Verger - Pimpant","description":"\u003cdiv class=\"pk-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pk-hero\"\u003e\n\u003cdiv class=\"pk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pk-hero-content\"\u003e\n\u003cdiv class=\"pk-badges-top\"\u003e\n\u003cspan class=\"pk-badge\"\u003e🍎 Parfum Pomme du Verger\u003c\/span\u003e \u003cspan class=\"pk-badge\"\u003e🧴 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"pk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pk-badge\"\u003e💯 100\/100 Yuka\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pk-hero-title\"\u003eKit Découverte Gel Lavant Kids 2 en 1 Pimpant\u003c\/span\u003e\n\u003cp class=\"pk-subtitle\"\u003ePoudre à diluer · Corps \u0026amp; cheveux · Dès 3 ans\u003c\/p\u003e\n\u003cp class=\"pk-description\"\u003eUn gel lavant naturel, ludique et zéro déchet qui transforme le bain de vos enfants en moment fruité et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Lavant Kids 2 en 1 Pimpant - Parfum Pomme du Verger\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel lavant enfant naturel\u003c\/strong\u003e qui nettoie en douceur le corps et les cheveux de vos petits, sans compromis sur la composition ? Le \u003cstrong\u003ekit découverte gel lavant kids 2 en 1 Pimpant\u003c\/strong\u003e au parfum Pomme du Verger est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid-compact\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle, certifié COSMOS Organic par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e💯 Score Yuka parfait\u003c\/h3\u003e\n\u003cp\u003eNoté 100\/100 sur Yuka et 19,2\/20 sur INCI Beauty\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🍏 Pomme du Verger\u003c\/h3\u003e\n\u003cp\u003eParfum 100 % naturel, fruité et gourmand, adoré par les enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n\u003cp\u003ePoudre à diluer, ludique et écologique pour le bain des petits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel lavant 2 en 1 pour enfant ?\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003ePlus besoin de multiplier les flacons dans la salle de bain. Un seul produit suffit pour laver le \u003cstrong\u003ecorps et les cheveux\u003c\/strong\u003e de votre enfant. Sa formule \u003cstrong\u003esans sulfate\u003c\/strong\u003e respecte les peaux sensibles et les cuirs chevelus délicats. Le parfum naturel de \u003cstrong\u003epomme du verger\u003c\/strong\u003e transforme chaque douche en un moment fruité et agréable.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🧼 Nettoie en douceur\u003c\/h3\u003e\n\u003cp\u003eLave la peau et les cheveux sans agresser, grâce à un tensioactif d'origine naturelle ultra-doux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e✨ Facilite le démêlage\u003c\/h3\u003e\n\u003cp\u003eL'inuline et la poudre de yaourt conditionnent les cheveux pour un démêlage sans pleurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🫧 Mousse généreuse\u003c\/h3\u003e\n\u003cp\u003eUne texture mousseuse et onctueuse qui plaît aux enfants et rend le bain amusant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🤗 Peau douce et parfumée\u003c\/h3\u003e\n\u003cp\u003eLaisse la peau délicatement parfumée à la pomme du verger, douce au toucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eQue contient le kit découverte Pimpant ?\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eCe kit complet comprend tout le nécessaire pour démarrer une routine de bain naturelle et zéro déchet.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid-compact\"\u003e\n\u003cdiv class=\"pk-card pk-card-highlight\"\u003e\n\u003ch3\u003e🧴 1 bouteille rechargeable\u003c\/h3\u003e\n\u003cp\u003eContenance 300 ml avec bouchon-pompe pratique, réutilisable à l'infini\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card pk-card-highlight\"\u003e\n\u003ch3\u003e📦 1 recharge de poudre\u003c\/h3\u003e\n\u003cp\u003eSachet de 25 g en papier 100 % recyclable pour 250 ml de gel lavant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-tip\"\u003e\n\u003cspan class=\"pk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eEn ajoutant simplement \u003cstrong\u003e225 ml d'eau tiède\u003c\/strong\u003e à la poudre, vous obtenez \u003cstrong\u003e250 ml de gel lavant prêt à l'emploi\u003c\/strong\u003e. Un geste malin qui réduit considérablement les déchets plastiques !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eComment préparer le gel lavant en poudre Pimpant ?\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eLa préparation est simple et rapide, même les enfants peuvent participer !\u003c\/p\u003e\n\u003cdiv class=\"pk-timeline\"\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003e💧 Remplir d'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez la bouteille d'eau tiède jusqu'à la bulle marquée (225 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003e🫗 Verser la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez la totalité de la recharge en poudre dans la bouteille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003e🔄 Secouer énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez la bouteille et secouez énergiquement pour bien mélanger\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-item\"\u003e\n\u003cdiv class=\"pk-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pk-timeline-content\"\u003e\n\u003ch3\u003e⏱️ Patienter 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer 20 minutes avant la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-tip\"\u003e\n\u003cspan class=\"pk-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003eUne fois dilué, le gel se conserve pendant \u003cstrong\u003e3 mois\u003c\/strong\u003e. La recharge non ouverte se garde quant à elle \u003cstrong\u003ejusqu'à 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eUne composition irréprochable, notée 100\/100 sur Yuka\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003eCe qui distingue vraiment ce gel lavant enfant, c'est sa \u003cstrong\u003eliste d'ingrédients courte et transparente\u003c\/strong\u003e. Aucun ingrédient controversé, aucun sulfate, aucun composant indésirable.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle, nettoie sans agresser la peau fragile des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e💧 Erythritol\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant et humectant qui maintient l'hydratation de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌱 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGélifiant 100 % naturel pour une texture gel agréable et onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌾 Inuline\u003c\/h3\u003e\n\u003cp\u003eConditionneur capillaire naturel qui facilite le démêlage des cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🥛 Yogurt Powder\u003c\/h3\u003e\n\u003cp\u003ePoudre de yaourt, soin capillaire naturel pour des cheveux doux et soyeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🍎 Parfum 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eDélicieuse fragrance de pomme du verger, sans arôme synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-score-bar\"\u003e\n\u003cdiv class=\"pk-score-item\"\u003e\n\u003cspan class=\"pk-score-label\"\u003eYuka\u003c\/span\u003e \u003cspan class=\"pk-score-value\"\u003e100\/100\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-score-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pk-score-item\"\u003e\n\u003cspan class=\"pk-score-label\"\u003eINCI Beauty\u003c\/span\u003e \u003cspan class=\"pk-score-value\"\u003e19,2\/20\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pk-section\"\u003e\n\u003ch2\u003eUn produit fabriqué en France, engagé pour la planète\u003c\/h2\u003e\n\u003cp class=\"pk-section-intro\"\u003ePimpant conçoit et conditionne ses produits en \u003cstrong\u003eNormandie, près de Caen\u003c\/strong\u003e. En choisissant un format poudre à diluer dans une bouteille rechargeable, vous réduisez significativement votre consommation de plastique.\u003c\/p\u003e\n\u003cdiv class=\"pk-grid-compact\"\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication normande\u003c\/h3\u003e\n\u003cp\u003eConçu et conditionné près de Caen, en Normandie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n\u003cp\u003eRecharge en papier 100 % recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌍 Moins de plastique\u003c\/h3\u003e\n\u003cp\u003eBouteille rechargeable pour réduire les déchets durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pk-card\"\u003e\n\u003ch3\u003e🌿 COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert, gage de qualité et de naturalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pk-section\"\u003e\n\u003cdiv class=\"pk-cta-box\"\u003e\n\u003cp\u003e🍎 Offrez à vos enfants un bain naturel, fruité et responsable !\u003cbr\u003eUn gel lavant 2 en 1 noté 100\/100 sur Yuka, fabriqué en France, dans une bouteille rechargeable zéro déchet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pk-disclaimer\"\u003eConvient aux enfants dès 3 ans. Ce produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --pk-cream: #FFF5EC;\n --pk-white: #ffffff;\n --pk-primary: #E85D2C;\n --pk-primary-dark: #C14A1E;\n --pk-primary-light: #FFF0E8;\n --pk-secondary: #4CAF50;\n --pk-accent: #F5A623;\n --pk-text: #1a1a1a;\n --pk-text-light: #5a5a5a;\n --pk-border: #f0e0d5;\n --pk-shadow: 0 4px 24px rgba(232, 93, 44, .08);\n --pk-shadow-lg: 0 12px 48px rgba(232, 93, 44, .15);\n --pk-radius: 20px;\n --pk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pk-premium *, .pk-premium *::before, .pk-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.pk-hero {\n position: relative;\n background: linear-gradient(135deg, #E85D2C 0%, #D94E1F 40%, #F5A623 100%);\n border-radius: var(--pk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pk-shadow-lg);\n}\n\n.pk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(76,175,80,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pk-primary), var(--pk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pk-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pk-section-intro strong {\n color: var(--pk-text);\n}\n\n\/* === CARDS === *\/\n.pk-card {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pk-shadow-lg);\n border-color: var(--pk-primary);\n}\n\n.pk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pk-card-highlight {\n border: 2px solid var(--pk-primary-light);\n background: linear-gradient(180deg, var(--pk-white) 0%, var(--pk-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.pk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.pk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pk-grid-compact .pk-card {\n padding: 1rem;\n}\n\n.pk-grid-compact .pk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pk-grid-compact .pk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pk-primary), var(--pk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232, 93, 44, .3);\n}\n\n.pk-timeline-content {\n flex: 1;\n background: var(--pk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pk-radius-sm);\n box-shadow: var(--pk-shadow);\n}\n\n.pk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pk-timeline-content p {\n font-size: 14px;\n color: var(--pk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pk-primary-light);\n border-radius: var(--pk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--pk-border);\n}\n\n.pk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pk-tip p {\n font-size: 14px;\n color: var(--pk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pk-tip p strong {\n color: var(--pk-primary-dark);\n}\n\n\/* === SCORE BAR === *\/\n.pk-score-bar {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n margin-top: 1.5rem;\n padding: 1.25rem 2rem;\n background: linear-gradient(135deg, var(--pk-secondary), #388E3C);\n border-radius: var(--pk-radius-sm);\n box-shadow: 0 4px 16px rgba(76, 175, 80, .25);\n}\n\n.pk-score-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n}\n\n.pk-score-label {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.pk-score-value {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: white;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.pk-score-divider {\n width: 2px;\n height: 40px;\n background: rgba(255,255,255,.3);\n border-radius: 1px;\n}\n\n\/* === CTA FINAL === *\/\n.pk-cta-box {\n background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-primary-dark) 100%);\n border-radius: var(--pk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.pk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.pk-disclaimer {\n font-size: 12px;\n color: var(--pk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pk-card {\n padding: 1.125rem;\n }\n\n .pk-section {\n margin-bottom: 1.75rem;\n }\n\n .pk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pk-radius-sm);\n }\n\n .pk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .pk-grid-compact {\n gap: .625rem;\n }\n\n .pk-grid-compact .pk-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .pk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pk-timeline-content h3 {\n font-size: 14px;\n }\n\n .pk-timeline-content p {\n font-size: 13px;\n }\n\n \/* Score bar mobile *\/\n .pk-score-bar {\n gap: 1.25rem;\n padding: 1rem 1.25rem;\n }\n\n .pk-score-value {\n font-size: 22px;\n }\n\n .pk-score-divider {\n height: 32px;\n }\n\n \/* Tip mobile *\/\n .pk-tip {\n padding: .875rem 1rem;\n }\n\n .pk-tip-icon {\n font-size: 20px;\n }\n\n .pk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pk-card {\n animation: pkFadeInUp .5s ease backwards;\n }\n .pk-card:nth-child(1) { animation-delay: .05s; }\n .pk-card:nth-child(2) { animation-delay: .1s; }\n .pk-card:nth-child(3) { animation-delay: .15s; }\n .pk-card:nth-child(4) { animation-delay: .2s; }\n .pk-card:nth-child(5) { animation-delay: .25s; }\n .pk-card:nth-child(6) { animation-delay: .3s; }\n\n .pk-timeline-item {\n animation: pkFadeInUp .5s ease backwards;\n }\n .pk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pk-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pk-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pk-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes pkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56731045790073,"sku":"NBAIPIM0064","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-lavant-kids-2-en-1-1-bouteille-1-recharge-lifestyle.webp?v=1772013224"},{"product_id":"kit-decouverte-gel-lavant-en-poudre-pimpant","title":"Kit Découverte Gel Lavant en Poudre - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pmp-hero\"\u003e\n\u003cdiv class=\"pmp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pmp-hero-content\"\u003e\n\u003cdiv class=\"pmp-badges-top\"\u003e\n\u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🧴 2-en-1 corps \u0026amp; cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pmp-hero-title\"\u003eKit Découverte Gel Lavant en Poudre Pimpant\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003eÀ la criste marine - 1 bouteille réutilisable + 1 recharge\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003e25 g de poudre + de l'eau tiède = 250 ml de gel lavant onctueux, prêt en 20 minutes. La révolution zéro déchet sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eKit Découverte Gel Lavant en Poudre Pimpant - Criste Marine : votre gel douche 2-en-1 corps et cheveux, zéro déchet\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eEt si votre prochain gel douche tenait dans un sachet de 25 grammes ? Avec le Kit Découverte Gel Lavant en Poudre de Pimpant, vous reconstituez vous-même \u003cstrong\u003e250 ml de gel lavant 2-en-1\u003c\/strong\u003e corps et cheveux, enrichi à la criste marine.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌊 Criste marine\u003c\/h3\u003e\n\u003cp\u003eActif marin tonifiant et revitalisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle certifiés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🏭 Normandie\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France avec soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e👩👧 Dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eConvient à toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eQue contient ce kit découverte ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e🧴 1 bouteille-pompe réutilisable\u003c\/h3\u003e\n\u003cp\u003eÉlégante, pratique, conçue pour durer. Votre compagnon zéro déchet au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card pmp-card-highlight\"\u003e\n\u003ch3\u003e📦 1 recharge de poudre à diluer\u003c\/h3\u003e\n\u003cp\u003eSachet de 25 g à mélanger simplement avec de l'eau tiède pour obtenir 250 ml de gel lavant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e25 g de poudre + 225 ml d'eau = 250 ml de gel lavant onctueux\u003c\/strong\u003e, prêt en seulement 20 minutes. Vous réduisez considérablement vos déchets plastiques tout en profitant d'un soin lavant doux et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel lavant en poudre plutôt qu'un gel douche classique ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e✨ La texture d'un vrai gel\u003c\/h3\u003e\n\u003cp\u003eContrairement au shampoing sec en poudre qui s'applique directement, cette formule se reconstitue en véritable gel sous la douche. Vous retrouvez la texture familière d'un gel lavant traditionnel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🚿 Plus pratique que le solide\u003c\/h3\u003e\n\u003cp\u003ePas de savon qui fond dans la douche, pas de boîte de transport nécessaire, et une mousse généreuse qui convient aussi bien au corps qu'aux cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌍 Empreinte réduite\u003c\/h3\u003e\n\u003cp\u003eLa poudre à diluer Pimpant combine le meilleur des deux mondes : l'efficacité d'un gel liquide classique avec une empreinte écologique nettement réduite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eLa criste marine : un actif marin aux vertus tonifiantes\u003c\/h2\u003e\n\u003cdiv class=\"pmp-testimonial\"\u003e\n\u003cp class=\"pmp-testimonial-text\"\u003eLa criste marine (\u003cem\u003eCrithmum maritimum\u003c\/em\u003e) est une petite plante côtière de 20 à 30 cm, accrochée aux rochers battus par les embruns. Naturellement riche en \u003cstrong\u003evitamines C et E\u003c\/strong\u003e, elle est reconnue pour ses propriétés \u003cstrong\u003eraffermissantes et tonifiantes\u003c\/strong\u003e. Son parfum frais et revitalisant transforme chaque douche en une véritable parenthèse marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💎 Vitamine C\u003c\/h3\u003e\n\u003cp\u003eÉclat et tonus naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003eProtection antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💪 Raffermissante\u003c\/h3\u003e\n\u003cp\u003eTonifie et revitalise la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌬️ Parfum frais\u003c\/h3\u003e\n\u003cp\u003eParenthèse marine revitalisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComposition transparente - Liste INCI complète\u003c\/h2\u003e\n\u003cdiv class=\"pmp-inci-box\"\u003e\n\u003cp class=\"pmp-inci-list\"\u003eSodium Cocoyl Glutamate, Sodium Coco-Sulfate, Xanthan Gum, Potassium Sorbate, Sodium Benzoate, Inulin, Parfum (Fragrance), Citric Acid, Maltodextrin, Guar Hydroxypropyltrimonium Chloride, Aqua (Water), Crithmum Maritimum Extract.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eParfum d'origine naturelle. Formule à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. Convient à toute la famille, \u003cstrong\u003eutilisable dès 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel lavant en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"pmp-timeline\"\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eVersez l'eau\u003c\/h3\u003e\n\u003cp\u003eAjoutez \u003cstrong\u003e225 ml d'eau tiède\u003c\/strong\u003e dans la bouteille-pompe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez le sachet complet de \u003cstrong\u003epoudre (25 g)\u003c\/strong\u003e dans la bouteille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003eSecouez bien\u003c\/h3\u003e\n\u003cp\u003eSecouez \u003cstrong\u003evigoureusement\u003c\/strong\u003e le flacon pour bien mélanger\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-item\"\u003e\n\u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pmp-timeline-content\"\u003e\n\u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n\u003cp\u003eLaissez reposer \u003cstrong\u003e20 minutes\u003c\/strong\u003e - votre gel est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-tip\"\u003e\n\u003cspan class=\"pmp-tip-icon\"\u003e♻️\u003c\/span\u003e\n\u003cp\u003ePour les recharges suivantes, il vous suffit de racheter \u003cstrong\u003euniquement le sachet de poudre\u003c\/strong\u003e. Votre bouteille-pompe vous accompagne sur la durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"pmp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation et informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"pmp-accordion\"\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🧊 Conservation de la recharge\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003e3 ans\u003c\/strong\u003e non ouverte. Conservez dans un endroit sec, à l'abri de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eFabriqué en \u003cstrong\u003eNormandie, France\u003c\/strong\u003e, avec des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e🧴 Usage recommandé\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eGel lavant \u003cstrong\u003e2-en-1 corps et cheveux\u003c\/strong\u003e, convient à toute la famille \u003cstrong\u003edès 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pmp-accordion-item\"\u003e\n\u003csummary class=\"pmp-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de sensibilité cutanée particulière, consultez votre dermatologue avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-cta-box\"\u003e\n\u003cp\u003e🌊 Adoptez le réflexe poudre à diluer - moins de plastique, plus de nature sous votre douche. Votre salle de bain mérite mieux qu'un énième flacon jetable !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pmp-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pmp-cream: #EEF6F8;\n --pmp-white: #ffffff;\n --pmp-primary: #1B7A8A;\n --pmp-primary-dark: #0E5460;\n --pmp-primary-light: #D6EEF2;\n --pmp-secondary: #2E5A8E;\n --pmp-accent: #7BC4A0;\n --pmp-text: #1a1a1a;\n --pmp-text-light: #5a5a5a;\n --pmp-border: #d8e8ec;\n --pmp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pmp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pmp-radius: 20px;\n --pmp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pmp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pmp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-secondary) 50%, #1A4A6E 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pmp-shadow-lg);\n}\n\n.pmp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 80%, rgba(123,196,160,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(123,196,160,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pmp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.pmp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.pmp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pmp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pmp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.pmp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pmp-primary), var(--pmp-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pmp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pmp-card {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmp-shadow-lg);\n border-color: var(--pmp-primary);\n}\n\n.pmp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmp-card-highlight {\n border-left: 4px solid var(--pmp-accent);\n}\n\n\/* === GRILLES === *\/\n.pmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pmp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmp-grid-compact .pmp-card {\n padding: 1rem;\n}\n\n.pmp-grid-compact .pmp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmp-grid-compact .pmp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pmp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmp-primary), var(--pmp-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pmp-timeline-content {\n flex: 1;\n background: var(--pmp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmp-radius-sm);\n box-shadow: var(--pmp-shadow);\n}\n\n.pmp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmp-timeline-content p {\n font-size: 14px;\n color: var(--pmp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pmp-testimonial {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pmp-shadow);\n border-left: 4px solid var(--pmp-primary);\n}\n\n.pmp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.pmp-inci-box {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmp-shadow);\n border: 2px dashed var(--pmp-border);\n margin-bottom: 1rem;\n}\n\n.pmp-inci-list {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--pmp-text-light);\n line-height: 1.8;\n margin: 0;\n word-break: break-word;\n font-family: 'Courier New', Courier, monospace;\n}\n\n\/* === ACCORDÉON === *\/\n.pmp-accordion {\n background: var(--pmp-white);\n border-radius: var(--pmp-radius);\n box-shadow: var(--pmp-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.pmp-accordion-item {\n border-bottom: 1px solid var(--pmp-border);\n margin: 0;\n padding: 0;\n}\n\n.pmp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pmp-accordion-header:hover {\n background: var(--pmp-primary-light);\n}\n\n.pmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pmp-primary);\n transition: transform .2s ease;\n}\n\n.pmp-accordion-item[open] .pmp-accordion-header::after {\n content: '−';\n}\n\n.pmp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pmp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pmp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmp-primary-light);\n border-radius: var(--pmp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pmp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmp-tip p {\n font-size: 14px;\n color: var(--pmp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pmp-cta-box {\n background: linear-gradient(135deg, var(--pmp-primary) 0%, var(--pmp-primary-dark) 100%);\n border-radius: var(--pmp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.pmp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pmp-disclaimer {\n font-size: 12px;\n color: var(--pmp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pmp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pmp-card {\n padding: 1.125rem;\n }\n\n .pmp-section {\n margin-bottom: 1.75rem;\n }\n\n .pmp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmp-radius-sm);\n }\n\n .pmp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pmp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pmp-grid-compact {\n gap: .625rem;\n }\n\n .pmp-grid-compact .pmp-card {\n padding: .75rem;\n }\n\n .pmp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pmp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pmp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pmp-timeline-content p {\n font-size: 13px;\n }\n\n .pmp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pmp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pmp-testimonial {\n padding: 1.25rem;\n }\n\n .pmp-testimonial-text {\n font-size: 14px;\n }\n\n .pmp-inci-box {\n padding: 1rem;\n }\n\n .pmp-inci-list {\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pmp-card {\n animation: pmpFadeInUp .5s ease backwards;\n }\n .pmp-card:nth-child(1) { animation-delay: .05s; }\n .pmp-card:nth-child(2) { animation-delay: .1s; }\n .pmp-card:nth-child(3) { animation-delay: .15s; }\n .pmp-card:nth-child(4) { animation-delay: .2s; }\n .pmp-card:nth-child(5) { animation-delay: .25s; }\n .pmp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pmp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56731120664953,"sku":"NBAIPIM0062","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-gel-lavant-en-poudre-1-bouteille-1-recharge-c-lifestyle.webp?v=1772015419"},{"product_id":"coffret-enfant-routine-hygiene-dentifrice-gel-douche-2en1-pimpant","title":"Coffret Kids ma 1ère routine Hygiène (dentifrice + gel douche 2en1) - Pimpant","description":"\u003cdiv class=\"pk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pk-hero\"\u003e\n \u003cdiv class=\"pk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pk-hero-content\"\u003e\n \u003cdiv class=\"pk-badges-top\"\u003e\n \u003cspan class=\"pk-badge\"\u003e🌿 COSMOS Natural Ecocert\u003c\/span\u003e\n \u003cspan class=\"pk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pk-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"pk-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pk-hero-title\"\u003eCoffret Kids Ma 1ère Routine Hygiène\u003c\/span\u003e\n \u003cp class=\"pk-subtitle\"\u003eDentifrice fraise + Gel douche 2-en-1 - par Pimpant\u003c\/p\u003e\n \u003cp class=\"pk-description\"\u003eUne routine hygiène complète, naturelle et ludique sous forme de poudre à diluer dans des flacons en verre réutilisables. L'hygiène responsable commence dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003eCoffret Kids Pimpant : la première routine hygiène naturelle de votre enfant\u003c\/h2\u003e\n \u003cp class=\"pk-section-intro\"\u003eOffrez à votre enfant une \u003cstrong\u003eroutine hygiène complète, naturelle et ludique\u003c\/strong\u003e avec le coffret Ma 1ère Routine Hygiène de Pimpant. Ce kit tout-en-un réunit un \u003cstrong\u003egel douche et shampoing 2 en 1 enfant\u003c\/strong\u003e ainsi qu'un \u003cstrong\u003edentifrice kids saveur fraise\u003c\/strong\u003e, le tout sous forme de poudre à diluer dans des flacons en verre réutilisables.\u003c\/p\u003e\n \u003cdiv class=\"pk-grid-compact\"\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🧴 Gel douche 2-en-1\u003c\/h3\u003e\n \u003cp\u003eCorps et cheveux en une seule formule douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🍓 Dentifrice fraise\u003c\/h3\u003e\n \u003cp\u003eProtection anti-caries au goût irrésistible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Natural par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n \u003cp\u003eFormulé et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003eQue contient ce coffret hygiène enfant ?\u003c\/h2\u003e\n \u003cdiv class=\"pk-grid\"\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🧴 2 recharges gel douche 2-en-1 Kids\u003c\/h3\u003e\n \u003cp\u003ePoudre à diluer pour corps et cheveux. Chaque recharge donne 250 ml de gel prêt à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🪥 2 recharges dentifrice Kids fraise\u003c\/h3\u003e\n \u003cp\u003ePoudre à diluer au goût fraise. Protection efficace contre les caries dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🫧 2 flacons-pompe en verre sécurisé\u003c\/h3\u003e\n \u003cp\u003eUn pour le gel douche, un pour le dentifrice. Réutilisables à l'infini + stickers décoratifs inclus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🪥 1 brosse à dents enfant\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux petites mains pour un brossage efficace et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🎁 1 boîte cadeau\u003c\/h3\u003e\n \u003cp\u003ePackaging soigné, idéal pour offrir à un anniversaire ou à Noël.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🌈 Stickers personnalisables\u003c\/h3\u003e\n \u003cp\u003eVotre enfant décore ses flacons et s'approprie sa routine hygiène avec plaisir !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-tip\"\u003e\n \u003cspan class=\"pk-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eVotre enfant personnalise ses flacons avec les stickers fournis : de quoi transformer le bain en moment de plaisir et l'encourager à adopter de bonnes habitudes d'hygiène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003eUn gel douche 2-en-1 doux pour le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"pk-section-intro\"\u003eCe gel douche corps et cheveux convient parfaitement aux \u003cstrong\u003epeaux sensibles des enfants\u003c\/strong\u003e. Composé à \u003cstrong\u003e98-99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, il nettoie en douceur sans irriter.\u003c\/p\u003e\n \u003cdiv class=\"pk-grid\"\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🥥 Cocoyl glutamate de sodium\u003c\/h3\u003e\n \u003cp\u003eTensioactif d'origine naturelle bien plus respectueux que les sulfates classiques. Nettoyage doux garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🌾 Inuline \u0026amp; poudre de yaourt\u003c\/h3\u003e\n \u003cp\u003eFacilitent le démêlage des cheveux pour un moment de bain sans larmes ni nœuds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e💧 Érythritol\u003c\/h3\u003e\n \u003cp\u003ePréserve l'hydratation naturelle de la peau. Convient aux peaux réactives et à tendance eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-tip\"\u003e\n \u003cspan class=\"pk-tip-icon\"\u003e📝\u003c\/span\u003e\n \u003cp\u003eIl suffit de mélanger \u003cstrong\u003e25 g de poudre avec 225 ml d'eau tiède\u003c\/strong\u003e pour obtenir 250 ml de gel prêt à l'emploi. Une alternative naturelle idéale pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003eUn dentifrice enfant fraise qui protège efficacement les dents\u003c\/h2\u003e\n \u003cp class=\"pk-section-intro\"\u003eCe dentifrice au goût fraise rend le brossage agréable pour les plus jeunes. Une formule naturelle, certifiée bio et véritablement performante.\u003c\/p\u003e\n \u003cdiv class=\"pk-grid\"\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n \u003cp\u003eReconnu pour lutter contre les caries et protéger contre la plaque dentaire. Efficacité prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🦷 Érythritol dentaire\u003c\/h3\u003e\n \u003cp\u003eActif naturel qui freine la formation des caries et favorise la reminéralisation de l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🍃 Extrait de stévia\u003c\/h3\u003e\n \u003cp\u003eTouche sucrée naturelle sans sucre ajouté. Le goût fraise que les enfants adorent, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003eComment préparer les produits ?\u003c\/h2\u003e\n \u003cdiv class=\"pk-timeline\"\u003e\n \u003cdiv class=\"pk-timeline-item\"\u003e\n \u003cdiv class=\"pk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-content\"\u003e\n \u003ch3\u003eVersez l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eRemplissez le flacon en verre jusqu'à la bulle blanche (225 ml d'eau tiède).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-item\"\u003e\n \u003cdiv class=\"pk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-content\"\u003e\n \u003ch3\u003eAjoutez la poudre\u003c\/h3\u003e\n \u003cp\u003eVersez la recharge de poudre dans le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-item\"\u003e\n \u003cdiv class=\"pk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-content\"\u003e\n \u003ch3\u003eSecouez vigoureusement\u003c\/h3\u003e\n \u003cp\u003eRefermez le flacon et secouez bien pour mélanger la poudre et l'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-item\"\u003e\n \u003cdiv class=\"pk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pk-timeline-content\"\u003e\n \u003ch3\u003ePatientez 20 minutes\u003c\/h3\u003e\n \u003cp\u003eLaissez reposer avant la première utilisation. C'est prêt !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-tip\"\u003e\n \u003cspan class=\"pk-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eUne fois dilué, le produit se conserve \u003cstrong\u003e3 mois\u003c\/strong\u003e. Les recharges non ouvertes se gardent jusqu'à \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pk-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce coffret Pimpant ?\u003c\/h2\u003e\n \u003cdiv class=\"pk-grid-compact\"\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🌿 Certifié COSMOS Natural\u003c\/h3\u003e\n \u003cp\u003eLabel Ecocert, garantie d'une formule naturelle et responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConception et production 100 % françaises\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e♻️ Flacons verre réutilisables\u003c\/h3\u003e\n \u003cp\u003eMoins de plastique, plus de bon sens écologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eFormules adaptées à la peau et aux dents des tout-petits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eConcept rechargeable : on achète la poudre, pas l'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pk-card\"\u003e\n \u003ch3\u003e🎁 Idée cadeau originale\u003c\/h3\u003e\n \u003cp\u003eParfait pour un anniversaire, Noël ou pour initier à l'hygiène responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"pk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pk-cta-box\"\u003e\n \u003cp\u003e🌈 Initiez votre enfant à une hygiène plus naturelle et responsable.\u003cbr\u003eUn coffret complet, ludique et zéro déchet dès 3 ans !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pk-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis médical ou dentaire. En cas de doute, consultez votre pédiatre ou dentiste.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pk-cream: #fdf8f3;\n --pk-white: #ffffff;\n --pk-primary: #e8734a;\n --pk-primary-dark: #c4522e;\n --pk-primary-light: #fef0ea;\n --pk-secondary: #f5b731;\n --pk-accent: #6bbf59;\n --pk-text: #1a1a1a;\n --pk-text-light: #5a5a5a;\n --pk-border: #e8e0d8;\n --pk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pk-radius: 20px;\n --pk-radius-sm: 12px;\n}\n\n.pk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pk-hero {\n position: relative;\n background: linear-gradient(135deg, #e8734a 0%, #f5b731 50%, #6bbf59 100%);\n border-radius: var(--pk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pk-shadow-lg);\n}\n\n.pk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.07'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.pk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.pk-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.pk-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pk-primary), var(--pk-secondary));\n border-radius: 2px;\n}\n\n.pk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pk-section-intro strong {\n color: var(--pk-text);\n}\n\n\/* === CARDS === *\/\n.pk-card {\n background: var(--pk-white);\n border-radius: var(--pk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pk-shadow-lg);\n border-color: var(--pk-primary);\n}\n\n.pk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pk-grid-compact .pk-card {\n padding: 1rem;\n}\n\n.pk-grid-compact .pk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pk-grid-compact .pk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pk-primary), var(--pk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232,115,74,.3);\n}\n\n.pk-timeline-content {\n flex: 1;\n background: var(--pk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pk-radius-sm);\n box-shadow: var(--pk-shadow);\n}\n\n.pk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pk-timeline-content p {\n font-size: 14px;\n color: var(--pk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pk-primary-light);\n border-radius: var(--pk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pk-tip p {\n font-size: 14px;\n color: var(--pk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pk-tip p strong {\n color: var(--pk-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.pk-cta-box {\n background: linear-gradient(135deg, var(--pk-primary) 0%, var(--pk-secondary) 50%, var(--pk-accent) 100%);\n border-radius: var(--pk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.12) 0%, transparent 60%);\n}\n\n.pk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.pk-disclaimer {\n font-size: 12px;\n color: var(--pk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pk-card {\n padding: 1.125rem;\n }\n\n .pk-section {\n margin-bottom: 1.75rem;\n }\n\n .pk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pk-radius-sm);\n }\n\n .pk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pk-grid-compact {\n gap: .625rem;\n }\n\n .pk-grid-compact .pk-card {\n padding: .75rem;\n }\n\n .pk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pk-timeline-content h3 {\n font-size: 14px;\n }\n\n .pk-timeline-content p {\n font-size: 13px;\n }\n\n .pk-badges-top {\n gap: 6px;\n }\n\n .pk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pk-card {\n animation: pkFadeInUp .5s ease backwards;\n }\n .pk-card:nth-child(1) { animation-delay: .05s; }\n .pk-card:nth-child(2) { animation-delay: .1s; }\n .pk-card:nth-child(3) { animation-delay: .15s; }\n .pk-card:nth-child(4) { animation-delay: .2s; }\n .pk-card:nth-child(5) { animation-delay: .25s; }\n .pk-card:nth-child(6) { animation-delay: .3s; }\n\n .pk-timeline-item {\n animation: pkFadeInUp .5s ease backwards;\n }\n .pk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pk-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pk-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pk-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes pkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56763068547449,"sku":"NBAIPIM0113","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coffret-kids-ma-1ere-routine-hygiene-dentifrice-gel-douche-2-lifestyle.webp?v=1772447028"},{"product_id":"bouteille-verre-rechargeable-gel-lavant-kids-250-ml-pimpant","title":"Bouteille en Verre Rechargeable pour Gel Lavant Kids - 250 ml - Pimpant","description":"\u003cdiv class=\"pp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pp-hero\"\u003e\n\u003cdiv class=\"pp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pp-hero-content\"\u003e\n\u003cdiv class=\"pp-badges-top\"\u003e\n\u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e♻️ Rechargeable à l'infini\u003c\/span\u003e \u003cspan class=\"pp-badge\"\u003e🧒 Gamme Kids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pp-hero-title\"\u003eBouteille en verre rechargeable pour gel lavant Kids\u003c\/span\u003e\n\u003cp class=\"pp-subtitle\"\u003e250 ml - Pimpant\u003c\/p\u003e\n\u003cp class=\"pp-description\"\u003eLe flacon en verre sécurisé qui accompagne vos enfants vers une salle de bain zéro déchet, avec style et en toute sécurité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eBouteille en verre rechargeable Pimpant - Le flacon malin pour le gel lavant de vos enfants\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eVous cherchez une alternative durable aux flacons en plastique jetables pour la toilette de vos enfants ? La \u003cstrong\u003ebouteille en verre rechargeable Pimpant 250 ml\u003c\/strong\u003e est pensée pour accompagner votre famille vers une salle de bain plus responsable, sans compromis sur la praticité ni la sécurité des plus petits.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une bouteille en verre rechargeable pour enfants ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eChaque année, des millions de flacons en plastique finissent à la poubelle après une seule utilisation. Avec le système rechargeable Pimpant, vous conservez votre bouteille et n'achetez que des \u003cstrong\u003erecharges légères sous forme de sticks\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid-compact\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🗑️ Moins de déchets\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon réutilisable remplace des dizaines de bouteilles plastique jetables chaque année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🚛 Moins de transport\u003c\/h3\u003e\n\u003cp\u003eLes recharges en stick sont ultra-légères : moins de poids, moins d'émissions CO₂.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🌍 Un geste concret\u003c\/h3\u003e\n\u003cp\u003ePartagez avec vos enfants un engagement écologique simple et visible au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e💰 Économique\u003c\/h3\u003e\n\u003cp\u003eUn investissement unique dans le flacon, puis seulement le prix des recharges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUn flacon en verre sécurisé, adapté aux petites mains\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eOn le sait, confier du verre à un enfant peut faire hésiter. Pimpant a anticipé cette question avec un \u003cstrong\u003everre sécurisé doté d'un revêtement protecteur\u003c\/strong\u003e. En cas de chute, les bris restent contenus grâce à ce film, limitant considérablement les risques de coupure.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🛡️ Verre sécurisé anti-bris\u003c\/h3\u003e\n\u003cp\u003eUn revêtement protecteur contient les éclats en cas de chute. Votre enfant est protégé, vous êtes serein.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🤲 Format 250 ml ergonomique\u003c\/h3\u003e\n\u003cp\u003eÉtudié pour être facile à prendre en main, même pour les plus jeunes. Léger et stable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🩷 Bouchon pompe rose\u003c\/h3\u003e\n\u003cp\u003eColoris spécialement choisi pour la gamme Kids. Dose contrôlée pour favoriser l'autonomie au moment du bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eComment préparer votre gel lavant rechargeable ?\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eLa préparation est simple et ludique - les enfants adorent participer !\u003c\/p\u003e\n\u003cdiv class=\"pp-timeline\"\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eRemplir d'eau tiède\u003c\/h3\u003e\n\u003cp\u003eRemplissez la bouteille d'eau tiède jusqu'à la bulle blanche (environ 225 ml).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eAjouter le stick de recharge\u003c\/h3\u003e\n\u003cp\u003eVersez l'intégralité du contenu d'un stick de recharge Pimpant dans le flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003eRemuer énergiquement\u003c\/h3\u003e\n\u003cp\u003eFermez le bouchon pompe et remuez bien pour mélanger le concentré à l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-item\"\u003e\n\u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pp-timeline-content\"\u003e\n\u003ch3\u003ePatienter 20 minutes\u003c\/h3\u003e\n\u003cp\u003eAttendez 20 minutes avant la première utilisation. Votre gel lavant est prêt !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-tip\"\u003e\n\u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eConservez votre gel lavant à température ambiante, comme n'importe quel produit d'hygiène classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eUne bouteille compatible avec toute la gamme Pimpant\u003c\/h2\u003e\n\u003cp class=\"pp-section-intro\"\u003eCe qui rend ce flacon particulièrement intéressant, c'est sa \u003cstrong\u003epolyvalence\u003c\/strong\u003e. Vous investissez une seule fois dans la bouteille, puis vous variez les plaisirs au fil des recharges.\u003c\/p\u003e\n\u003cdiv class=\"pp-grid\"\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧴 Gel douche\u003c\/h3\u003e\n\u003cp\u003eCompatible avec toutes les recharges gel douche Pimpant pour les grands comme les petits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🧖 Shampoing\u003c\/h3\u003e\n\u003cp\u003eUtilisez le même flacon pour vos recharges shampoing. Un flacon, mille possibilités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pp-card\"\u003e\n\u003ch3\u003e🫧 Gel lavant Kids\u003c\/h3\u003e\n\u003cp\u003eSpécialement conçu pour accueillir les recharges de la gamme enfants. Un vrai avantage économique et écologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eFabriqué en France, conçu avec soin\u003c\/h2\u003e\n\u003cdiv class=\"pp-testimonial\"\u003e\n\u003cp class=\"pp-testimonial-text\"\u003e« Que du bon à l'horizon » - La marque Pimpant est une entreprise française engagée dans une démarche d'hygiène rechargeable et responsable. Proposer des produits efficaces, sains et respectueux de l'environnement, voilà leur philosophie. Ce flacon est fabriqué en France, avec une étiquette en français claire et lisible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"pp-section\"\u003e\n\u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n\u003cdiv class=\"pp-accordion\"\u003e\n\u003cdetails open=\"\" class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e📐 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003e250 ml - le format idéal pour les petites mains et une utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🧊 Matière\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eVerre sécurisé avec revêtement anti-bris pour une utilisation en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🩷 Bouchon\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003ePompe rose, spécialement conçue pour la gamme Kids avec dose contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e♻️ Utilisation\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eRechargeable avec les sticks Pimpant - gel douche, shampoing, gel lavant Kids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eFrançaise - conçu et fabriqué en France avec des matériaux de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pp-accordion-item\"\u003e\n\u003csummary class=\"pp-accordion-header\"\u003e♾️ Réutilisable\u003c\/summary\u003e\n\u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, à l'infini. Un seul flacon pour des années d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"pp-section\"\u003e\n\u003cdiv class=\"pp-cta-box\"\u003e\n\u003cp\u003eEn adoptant cette bouteille en verre rechargeable Pimpant, vous faites bien plus qu'acheter un flacon : vous initiez vos enfants à des habitudes durables, tout en simplifiant votre quotidien. 🌱 Un petit geste dans la salle de bain, un grand pas pour réduire vos déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --pp-cream: #fdf6f3;\n --pp-white: #ffffff;\n --pp-primary: #e8917a;\n --pp-primary-dark: #c46b55;\n --pp-primary-light: #fdeae5;\n --pp-secondary: #f4b8a8;\n --pp-accent: #d4725a;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #f0e0da;\n --pp-shadow: 0 4px 24px rgba(200,120,100,.08);\n --pp-shadow-lg: 0 12px 48px rgba(200,120,100,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #e8917a 0%, #f4b8a8 45%, #fcd5ca 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.1;\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-section-intro strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232,145,122,.3);\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.pp-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n\n .pp-timeline-item {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pp-timeline-item:nth-child(2) { animation-delay: .15s; }\n .pp-timeline-item:nth-child(3) { animation-delay: .25s; }\n .pp-timeline-item:nth-child(4) { animation-delay: .35s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Pimpant","offers":[{"title":"Default Title","offer_id":56783564898681,"sku":"NBAIPIM0017","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bouteille-en-verre-rechargeable-pour-gel-lavant-kids-250-ml--lifestyle.webp?v=1772617956"},{"product_id":"shampoing-douche-aloe-vera-1l-coslys","title":"Shampoing Douche Aloe Vera - 1L - Coslys","description":"\u003cdiv class=\"av-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"av-hero\"\u003e\n\u003cdiv class=\"av-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"av-hero-content\"\u003e\n\u003cdiv class=\"av-badges-top\"\u003e\n\u003cspan class=\"av-badge\"\u003e🌿 Certifié COSMOS ORGANIC\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e🧴 Format familial 1L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"av-hero-title\"\u003eShampoing Douche Aloe Vera\u003c\/span\u003e\n\u003cp class=\"av-subtitle\"\u003eCoslys - Soin 2-en-1 corps \u0026amp; cheveux certifié bio\u003c\/p\u003e\n\u003cp class=\"av-description\"\u003e97,8 % d'ingrédients d'origine naturelle • Sans savon • Vegan \u0026amp; cruelty-free\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eShampooing douche à l'aloe vera bio Coslys – Soin 2-en-1 corps et cheveux\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eUn seul geste pour prendre soin de votre peau \u003cem\u003eet\u003c\/em\u003e de vos cheveux, sans compromis sur la qualité ni sur le respect de votre corps.\u003c\/p\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💧 97,8 % naturel\u003c\/h3\u003e\n\u003cp\u003eFormule d'origine naturelle certifiée COSMOS ORGANIC par Ecocert Greenlife.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eJus d'aloe vera issu de l'agriculture biologique pour une hydratation tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🧴 Format familial\u003c\/h3\u003e\n\u003cp\u003eGrand format 1 litre idéal pour toute la famille, dès 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌸 Parfum mixte\u003c\/h3\u003e\n\u003cp\u003eFragrance fraîche et délicate, 100 % d'origine naturelle, qui convient à tous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel douche à l'aloe vera bio ?\u003c\/h2\u003e\n\u003cdiv class=\"av-grid\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💦 Hydratation \u0026amp; apaisement\u003c\/h3\u003e\n\u003cp\u003eL'aloe vera est reconnu pour ses propriétés hydratantes et apaisantes. Le jus d'aloe vera bio aide à maintenir le confort de la peau après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌼 Douceur de la reine-des-prés\u003c\/h3\u003e\n\u003cp\u003eAssocié à l'eau de fleur de reine-des-prés bio, il contribue à adoucir l'épiderme tout en préservant son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🚿 Sans savon\u003c\/h3\u003e\n\u003cp\u003eFormulé sans savon, ce shampooing douche est particulièrement doux pour les peaux sensibles. Aucune sensation de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e✨ Cheveux souples \u0026amp; légers\u003c\/h3\u003e\n\u003cp\u003eUn agent conditionneur végétal dérivé de la betterave sucrière facilite le démêlage et apporte souplesse et légèreté à vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eUne formule courte, lisible et honnête. Voici la liste intégrale des ingrédients (INCI) :\u003c\/p\u003e\n\u003cdiv class=\"av-accordion\"\u003e\n\u003cdetails class=\"av-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e🧪 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content mt-3\"\u003e\n\u003cul class=\"av-inci-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eAqua (water)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSodium coco-sulfate\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCocamidopropyl betaine\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDecyl glucoside\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSodium chloride\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSpiraea ulmaria flower water*\u003c\/strong\u003e – eau de fleur de reine-des-prés\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe barbadensis leaf juice powder*\u003c\/strong\u003e – aloe vera\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyglyceryl-3 betainate acetate\u003c\/strong\u003e – agent conditionneur dérivé de betterave sucrière\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDehydroacetic acid\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePotassium hydroxide\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eParfum (fragrance)\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBenzyl alcohol\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJuniperus virginiana oil\u003c\/strong\u003e – huile de genièvre\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"av-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. 10,8 % du total des ingrédients sont bio.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampooing douche ?\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eUne routine simple et agréable, adaptée à un usage quotidien pour toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"av-timeline\"\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eAppliquez une noisette de produit sur peau et\/ou cheveux mouillés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eFaites mousser en massant délicatement le corps et le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Profitez d'une peau douce et de cheveux souples !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-tip\"\u003e\n\u003cspan class=\"av-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e évitez le contact avec les yeux, les lèvres et les muqueuses. En cas de projection oculaire, rincez immédiatement à l'eau claire. Ne convient pas aux enfants de moins de 3 ans. Usage externe uniquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eDes engagements forts pour vous et la planète\u003c\/h2\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🏅 Cosmébio \u0026amp; COSMOS ORGANIC\u003c\/h3\u003e\n\u003cp\u003eDouble certification garantissant une formulation bio rigoureuse et contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, pour une beauté éthique et respectueuse du vivant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eConception et fabrication françaises pour un savoir-faire local et des circuits courts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e♻️ Flacon 100 % recyclé\u003c\/h3\u003e\n\u003cp\u003ePlastique recyclé, recyclable et rechargeable. Le format 1L limite les déchets et les achats fréquents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"av-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePour qui est fait ce soin 2-en-1 ?\u003c\/h2\u003e\n\u003cdiv class=\"av-cta-box\"\u003e\n\u003cp\u003eCe shampooing douche s'adresse à tous ceux qui recherchent le \u003cstrong\u003emeilleur gel douche aloe vera\u003c\/strong\u003e alliant efficacité, douceur et naturalité. Il convient aux hommes comme aux femmes, aux peaux normales comme aux peaux sensibles, et accompagne toute la famille au quotidien.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eSi vous avez l'habitude de comparer les références en pharmacie ou en magasin bio, cette formule certifiée et son excellent rapport qualité-contenance méritent toute votre attention. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"av-disclaimer\"\u003eComplément cosmétique — Ne se substitue pas à un traitement médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --av-cream: #f5f9f3;\n --av-white: #ffffff;\n --av-primary: #6ab04c;\n --av-primary-dark: #2d6a1e;\n --av-primary-light: #e8f5e1;\n --av-secondary: #88c999;\n --av-accent: #a8d8ea;\n --av-text: #1a1a1a;\n --av-text-light: #5a6b52;\n --av-border: #d4e4cd;\n --av-shadow: 0 4px 24px rgba(42, 106, 30, .08);\n --av-shadow-lg: 0 12px 48px rgba(42, 106, 30, .15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6a1e 0%, #6ab04c 50%, #88c999 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.av-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL (non utilisé ici mais prêt) === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n.av-inci-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n display: grid;\n gap: .5rem;\n}\n\n.av-inci-list li {\n padding: .5rem .75rem;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n font-size: 13px;\n color: var(--av-text);\n line-height: 1.5;\n}\n\n.av-inci-note {\n font-size: 12px;\n color: var(--av-text-light);\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-inci-list li {\n font-size: 12px;\n padding: .4rem .6rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n\n .av-timeline-item {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-timeline-item:nth-child(1) { animation-delay: .05s; }\n .av-timeline-item:nth-child(2) { animation-delay: .15s; }\n .av-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":56819271991673,"sku":"NBAILYS0083","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-douche-aloe-vera-1l-coslys-packshothd.webp?v=1773068761"},{"product_id":"gel-lavant-neutre-bio-100ml-coslys","title":"Gel lavant neutre Bio - 100ml - Coslys","description":"\u003cdiv class=\"gln-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gln-hero\"\u003e\n\u003cdiv class=\"gln-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gln-hero-content\"\u003e\n\u003cdiv class=\"gln-badges-top\"\u003e\n\u003cspan class=\"gln-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"gln-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gln-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e \u003cspan class=\"gln-badge\"\u003e0% Sulfates · 0% Parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gln-hero-title\"\u003eGel lavant neutre Bio - 100 ml\u003c\/span\u003e\n\u003cp class=\"gln-subtitle\"\u003eCoslys - Corps, visage \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"gln-description\"\u003eUne base lavante universelle, douce et hypoallergénique, pour toute la famille. 97,9 % d'ingrédients d'origine naturelle, enrichie en aloe vera bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003cp class=\"gln-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche bio\u003c\/strong\u003e capable de nettoyer en douceur la peau des plus petits comme celle des adultes ?\u003c\/p\u003e\n\u003cdiv class=\"gln-grid-compact\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🧴 Base lavante universelle\u003c\/h3\u003e\n\u003cp\u003eFormulée sans parfum, sans savon et sans sulfates pour un nettoyage ultra-doux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé COSMOS Organic par Ecocert, gage de qualité et de naturalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🌀 3-en-1\u003c\/h3\u003e\n\u003cp\u003eConvient au corps, au visage et aux cheveux pour simplifier votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e✈️ Format voyage 100 ml\u003c\/h3\u003e\n\u003cp\u003eCompact et pratique, il vous accompagne partout au quotidien comme en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel lavant à pH neutre et hypoallergénique ?\u003c\/h2\u003e\n\u003cdiv class=\"gln-testimonial\"\u003e\n\u003cp class=\"gln-testimonial-text\"\u003eLes peaux sensibles, réactives ou fragiles méritent une attention particulière. Ce \u003cstrong\u003egel lavant pH neutre\u003c\/strong\u003e a été spécialement développé pour offrir une \u003cstrong\u003ehaute tolérance\u003c\/strong\u003e, testée sous contrôle dermatologique. Sa formule hypoallergénique respecte l'équilibre cutané, sans jamais agresser le film hydrolipidique de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🧬 Équilibre cutané\u003c\/h3\u003e\n\u003cp\u003eRespecte le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eConvient aux femmes enceintes et allaitantes, sans ingrédients controversés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🩺 Testé dermatologiquement\u003c\/h3\u003e\n\u003cp\u003eHaute tolérance vérifiée sous contrôle dermatologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e😌 Confort immédiat\u003c\/h3\u003e\n\u003cp\u003ePeau propre, apaisée et confortable après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eUne composition bio, transparente et minimaliste\u003c\/h2\u003e\n\u003cp class=\"gln-section-intro\"\u003e\u003cstrong\u003e97,9 % des ingrédients sont d'origine naturelle\u003c\/strong\u003e et 10 % sont issus de l'agriculture biologique. La formule est enrichie en \u003cstrong\u003ealoe vera bio\u003c\/strong\u003e, reconnu pour ses propriétés apaisantes et hydratantes.\u003c\/p\u003e\n\u003cdiv class=\"gln-grid\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau - base de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🫧 Glycerin\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant qui maintient la souplesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🌱 Decyl Glucoside\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine végétale, nettoie sans agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🧼 Cocamidopropyl Betaine\u003c\/h3\u003e\n\u003cp\u003eAgent moussant doux, pour une mousse légère et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🌾 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel pour une texture agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🪴 Aloe Barbadensis*\u003c\/h3\u003e\n\u003cp\u003eJus d'aloe vera bio - apaise et hydrate en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e⚖️ Régulateurs de pH\u003c\/h3\u003e\n\u003cp\u003eSodium Chloride et Lactic Acid pour un pH parfaitement neutre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🛡️ Conservateurs doux\u003c\/h3\u003e\n\u003cp\u003eCaprylyl Glycol, Sodium Benzoate, Glyceryl Caprylate - conservation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🍃 Propanediol\u003c\/h3\u003e\n\u003cp\u003eSolvant d'origine végétale, favorise l'absorption des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-tip\"\u003e\n\u003cspan class=\"gln-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel lavant neutre bio ?\u003c\/h2\u003e\n\u003cp class=\"gln-section-intro\"\u003eL'utilisation est simple et convient à toute la famille :\u003c\/p\u003e\n\u003cdiv class=\"gln-timeline\"\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une petite quantité sur peau ou cheveux humides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour créer une mousse légère et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-item\"\u003e\n\u003cdiv class=\"gln-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gln-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire. En cas de contact avec les yeux, rincez immédiatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-tip\"\u003e\n\u003cspan class=\"gln-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eGrâce à sa polyvalence, il remplace à lui seul le \u003cstrong\u003egel douche bébé bio\u003c\/strong\u003e, le nettoyant visage et le shampoing doux. Un allié minimaliste pour simplifier votre salle de bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"gln-section\"\u003e\n\u003ch2\u003eUn produit fabriqué en France et éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"gln-grid\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en Anjou\u003c\/h3\u003e\n\u003cp\u003eDéveloppé, fabriqué et conditionné à Somloire, en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e♻️ Flacon 100 % recyclé\u003c\/h3\u003e\n\u003cp\u003ePlastique recyclé et recyclable, étiquette comprise, entièrement français.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🔄 Rechargeable en vrac\u003c\/h3\u003e\n\u003cp\u003eCompatible avec les boutiques bio proposant du vrac. Existe aussi en format 1 litre et 5 litres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-tip\"\u003e\n\u003cspan class=\"gln-tip-icon\"\u003e🌍\u003c\/span\u003e\n\u003cp\u003eVous souhaitez aller plus loin dans votre démarche écologique ? Ce produit est une excellente alternative si vous recherchez un \u003cstrong\u003egel douche bio rechargeable\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"gln-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLes points forts en résumé\u003c\/h2\u003e\n\u003cdiv class=\"gln-grid-compact\"\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🌀 3-en-1\u003c\/h3\u003e\n\u003cp\u003eCorps, visage et cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eBébés dès la naissance, enfants, adultes, femmes enceintes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🚫 Triple zéro\u003c\/h3\u003e\n\u003cp\u003e0 % savon, 0 % parfum, 0 % sulfates.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCOSMOS Organic par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eEnrichi en aloe vera apaisant et hydratant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFlacon recyclé et rechargeable, format 100 ml idéal en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gln-cta-box\"\u003e\n\u003cp\u003e🌿 Adoptez un geste simple, doux et responsable pour toute votre famille avec le gel lavant neutre bio Coslys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gln-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gln-cream: #f4f8fb;\n --gln-white: #ffffff;\n --gln-primary: #4da8d9;\n --gln-primary-dark: #1a6b9a;\n --gln-primary-light: #e8f4fa;\n --gln-secondary: #7ec8e3;\n --gln-accent: #2e8bc0;\n --gln-text: #1a1a1a;\n --gln-text-light: #5a5a5a;\n --gln-border: #dce9f0;\n --gln-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gln-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gln-radius: 20px;\n --gln-radius-sm: 12px;\n}\n\n.gln-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gln-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gln-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6b9a 0%, #4da8d9 45%, #7ec8e3 100%);\n border-radius: var(--gln-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gln-shadow-lg);\n}\n\n.gln-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gln-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gln-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gln-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gln-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gln-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gln-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gln-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gln-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gln-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gln-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gln-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gln-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gln-primary), var(--gln-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gln-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gln-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gln-card {\n background: var(--gln-white);\n border-radius: var(--gln-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gln-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gln-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gln-shadow-lg);\n border-color: var(--gln-primary);\n}\n\n.gln-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gln-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gln-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gln-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gln-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gln-grid-compact .gln-card {\n padding: 1rem;\n}\n\n.gln-grid-compact .gln-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gln-grid-compact .gln-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gln-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gln-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gln-primary), var(--gln-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gln-timeline-content {\n flex: 1;\n background: var(--gln-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gln-radius-sm);\n box-shadow: var(--gln-shadow);\n}\n\n.gln-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gln-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gln-timeline-content p {\n font-size: 14px;\n color: var(--gln-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gln-testimonial {\n background: var(--gln-white);\n border-radius: var(--gln-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gln-shadow);\n border-left: 4px solid var(--gln-primary);\n}\n\n.gln-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gln-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gln-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gln-primary-light);\n border-radius: var(--gln-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gln-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gln-tip p {\n font-size: 14px;\n color: var(--gln-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.gln-cta-box {\n background: linear-gradient(135deg, var(--gln-primary) 0%, var(--gln-primary-dark) 100%);\n border-radius: var(--gln-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.gln-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gln-disclaimer {\n font-size: 12px;\n color: var(--gln-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gln-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gln-card {\n padding: 1.125rem;\n }\n\n .gln-section {\n margin-bottom: 1.75rem;\n }\n\n .gln-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gln-radius-sm);\n }\n\n .gln-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gln-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gln-grid-compact {\n gap: .625rem;\n }\n\n .gln-grid-compact .gln-card {\n padding: .75rem;\n }\n\n .gln-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gln-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gln-timeline-content h3 {\n font-size: 14px;\n }\n\n .gln-timeline-content p {\n font-size: 13px;\n }\n\n .gln-testimonial {\n padding: 1.25rem;\n }\n\n .gln-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gln-card {\n animation: glnFadeInUp .5s ease backwards;\n }\n .gln-card:nth-child(1) { animation-delay: .05s; }\n .gln-card:nth-child(2) { animation-delay: .1s; }\n .gln-card:nth-child(3) { animation-delay: .15s; }\n .gln-card:nth-child(4) { animation-delay: .2s; }\n .gln-card:nth-child(5) { animation-delay: .25s; }\n .gln-card:nth-child(6) { animation-delay: .3s; }\n .gln-card:nth-child(7) { animation-delay: .35s; }\n .gln-card:nth-child(8) { animation-delay: .4s; }\n .gln-card:nth-child(9) { animation-delay: .45s; }\n}\n\n@keyframes glnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gln-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":56959948882297,"sku":"CS0057.X","price":3.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-lavant-neutre-bio-100ml-coslys-lifestyle.webp?v=1775208514"},{"product_id":"gel-douche-verveine-citron-bio-750-ml-florame","title":"Gel Douche Verveine Citron Bio - 750 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🍋 Verveine citron\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🌿 98 % naturel\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eGel Douche Verveine Citron Bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - 750 ml\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eFraîcheur vivifiante et douceur naturelle à chaque douche, aux huiles essentielles biologiques de verveine et de citron. Certifié COSMOS ORGANIC.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eGel douche bio verveine citron Florame : fraîcheur et douceur au quotidien\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eOffrez à votre peau un moment de bien-être authentique avec ce gel douche bio verveine citron Florame. Formulé à partir d'huiles essentielles biologiques de verveine et de citron, il transforme chaque douche en une parenthèse vivifiante et parfumée.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Huiles essentielles bio\u003c\/h3\u003e\n\u003cp\u003eVerveine et citron pour un parfum frais et tonifiant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e👩👦 Format familial\u003c\/h3\u003e\n\u003cp\u003e750 ml généreux, idéal pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n\u003cp\u003eConçu pour durer et limiter le gaspillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCOSMOS ORGANIC par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eUne formule naturelle et respectueuse de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧪 98 % d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003e10 % d'ingrédients issus de l'agriculture biologique pour une formule exigeante et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌾 Tensioactifs doux végétaux\u003c\/h3\u003e\n\u003cp\u003eCoco-glucoside, décyl glucoside et coco-bétaïne nettoient efficacement sans agresser le film hydrolipidique de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eJus de feuille d'aloe vera biologique reconnu pour ses propriétés apaisantes et hydratantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍋 Parfum frais et tonifiant\u003c\/h3\u003e\n\u003cp\u003eHuiles essentielles de citron et de litsea cubeba pour un réveil sensoriel parfait le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sensibles, sans sensation de tiraillement. Peau propre, douce et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💧 Douceur quotidienne\u003c\/h3\u003e\n\u003cp\u003eUne hygiène plus naturelle, respectueuse de l'équilibre cutané de toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eUn format familial, rechargeable et fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e📦 750 ml généreux\u003c\/h3\u003e\n\u003cp\u003eUn flacon au format familial qui accompagne toute la famille pendant plusieurs semaines. Pompe pratique pour un dosage précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Système de recharge\u003c\/h3\u003e\n\u003cp\u003eFlorame propose un système de recharge gel douche bio, une démarche éco-responsable qui réduit la consommation de plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏡 Fabriqué en Provence\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué à Saint-Rémy-de-Provence, certifié COSMOS ORGANIC par Ecocert pour une traçabilité et une naturalité garanties.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Coco-Glucoside, Decyl Glucoside, Coco-Betaine, Aloe Barbadensis Leaf Juice Powder*, Xanthan Gum, Sodium Benzoate, Citric Acid, Citrus Limon (Lemon) Peel Oil*, Limonene, Litsea Cubeba Fruit Oil*, Potassium Sorbate, Citral, Pinene, Sodium Hydroxide.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche verveine citron ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de produit sur peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement sur l'ensemble du corps pour créer une mousse légère et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eProfitez\u003c\/h3\u003e\n\u003cp\u003eUtilisation quotidienne recommandée, idéalement le matin pour profiter de son effet tonifiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003e• Évitez le contact avec les yeux, les lèvres et les muqueuses.\u003cbr\u003e• En cas de contact avec les yeux, rincez immédiatement et abondamment à l'eau claire.\u003cbr\u003e• Usage externe uniquement.\u003cbr\u003e• Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche bio Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n\u003cp\u003eSans sulfates, respectueux de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍋 Parfum authentique\u003c\/h3\u003e\n\u003cp\u003eHuiles essentielles bio de verveine et citron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003ePeau douce et apaisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e📦 750 ml rechargeable\u003c\/h3\u003e\n\u003cp\u003eFormat familial économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✅ COSMOS ORGANIC\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003eSi vous cherchez un gel douche bio alliant efficacité, plaisir sensoriel et engagement écologique, ce soin Florame à la verveine citron saura vous séduire au quotidien. 🍋\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fl-cream: #f9f7f2;\n --fl-white: #ffffff;\n --fl-primary: #7ab648;\n --fl-primary-dark: #3d6b1e;\n --fl-primary-light: #edf6e3;\n --fl-secondary: #f5c842;\n --fl-accent: #f09c24;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e0e0e0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1e 0%, #7ab648 50%, #f5c842 100%);\n border-radius: var(--fl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,200,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fl-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56989918724473,"sku":"FM0575","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-verveine-citron-bio-750-ml-florame-lifestyle.webp?v=1775633600"},{"product_id":"gel-douche-amande-bio-750-ml-florame","title":"Gel Douche Amande Bio - 750 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e♻️ Flacon rechargeable\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🌱 98 % d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eGel Douche Amande Bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - 750 ml aux huiles essentielles\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eUn soin lavant doux et gourmand, formulé à Saint-Rémy-de-Provence avec des ingrédients bio d'exception pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eGel Douche Amande Bio Florame - 750 ml aux Huiles Essentielles\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eOffrez à votre peau un moment de douceur authentique avec ce gel douche amande bio signé Florame, fabriqué en France à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌾 98 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle soigneusement sélectionnés pour respecter votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏅 Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eLabel COSMOS ORGANIC, la garantie d'une cosmétique bio exigeante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eGrand format 750 ml avec pompe pratique pour un usage quotidien partagé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧴 Pompe pratique\u003c\/h3\u003e\n\u003cp\u003eDosage facile et hygiénique pour un geste simple sous la douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche bio à l'amande douce ?\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eFlorame a composé une synergie d'actifs bio précieux pour un nettoyage en douceur et un confort longue durée.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌰 Huile d'amande amère bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et adoucit la peau en profondeur grâce à ses vertus émollientes reconnues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera en poudre\u003c\/h3\u003e\n\u003cp\u003eHydratant naturel puissant qui apaise et préserve le confort cutané au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌲 HE cèdre de l'Atlas bio\u003c\/h3\u003e\n\u003cp\u003eApporte une note tonifiante et boisée subtilement revigorante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍊 HE orange douce bio\u003c\/h3\u003e\n\u003cp\u003eFragrance chaleureuse et enveloppante pour un parfum gourmand irrésistible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre peau est propre, souple et délicatement parfumée, sans sensation de tiraillement. Convient à tous les types de peaux, y compris les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eUne formule clean, sans compromis\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🥥 Coco-Glucoside\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine végétale qui nettoie sans agresser le film hydrolipidique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Decyl Glucoside\u003c\/h3\u003e\n\u003cp\u003eAgent lavant naturel ultra-doux, parfaitement toléré même par les peaux réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🫧 Coco-Bétaïne\u003c\/h3\u003e\n\u003cp\u003eMousse onctueuse et légère, pour un nettoyage efficace en toute douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans sulfates agressifs, sans silicones :\u003c\/strong\u003e juste l'essentiel pour un soin lavant qui fait du bien à votre peau et à la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e📋 Liste intégrale des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Eau), Coco-Glucoside, Decyl Glucoside, Coco-Bétaïne, Aloe Barbadensis Leaf Juice Powder (poudre de jus d'aloe vera), Xanthan Gum (gomme xanthane), Sodium Benzoate, Citric Acid, Potassium Sorbate, Prunus Amygdalus Amara Kernel Oil* (huile de noyau d'amande amère bio), Sodium Hydroxide, Cedrus Atlantica Bark Oil* (huile essentielle de cèdre de l'Atlas bio), Citrus Aurantium Dulcis Peel Oil* (huile essentielle d'orange douce bio), Benzaldehyde.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003e\u003cstrong\u003e98 % du total d'origine naturelle - 10 % issus de l'Agriculture Biologique.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche bio rechargeable ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eSous la douche, humidifiez l'ensemble de votre corps à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n\u003cp\u003ePressez la pompe pour déposer une noisette de gel douche dans le creux de votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser délicatement\u003c\/h3\u003e\n\u003cp\u003eLa texture fluide et onctueuse se transforme en une mousse légère très agréable sur tout le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire. Utilisable quotidiennement, matin ou soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e♻️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGeste éco-responsable :\u003c\/strong\u003e le flacon pompe de 750 ml est conçu pour être rechargeable, un geste concret pour réduire vos déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eLes bienfaits en un coup d'œil\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003eGrâce aux tensioactifs végétaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💧 Hydratation\u003c\/h3\u003e\n\u003cp\u003eApportée par l'aloe vera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌰 Nutrition\u003c\/h3\u003e\n\u003cp\u003eConfort grâce à l'huile d'amande bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🛡️ Équilibre cutané\u003c\/h3\u003e\n\u003cp\u003eMême sur peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍊 Parfum gourmand\u003c\/h3\u003e\n\u003cp\u003eAmande et orange douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n\u003cp\u003eFormat économique de 750 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e⚠️ Précautions et conseils de sécurité\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez immédiatement à l'eau claire. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"fl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur de la Provence - un gel douche bio, naturel et rechargeable pour un rituel quotidien responsable et gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-disclaimer\"\u003eLes huiles essentielles contenues dans ce produit le déconseillent aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 3 ans. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fl-cream: #faf8f4;\n --fl-white: #ffffff;\n --fl-primary: #7a9e56;\n --fl-primary-dark: #4a6b2e;\n --fl-primary-light: #f0f5ea;\n --fl-secondary: #d4a24e;\n --fl-accent: #e8c87a;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e4dfd6;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b2e 0%, #7a9e56 40%, #d4a24e 100%);\n border-radius: var(--fl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fl-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n\n .fl-badges-top {\n gap: 6px;\n }\n\n .fl-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56990202102137,"sku":"FM0580","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-amande-bio-750-ml-florame-lifestyle.webp?v=1775634319"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/gel-douche-663245.jpg?v=1732719507","url":"https:\/\/www.naturellement-bio.com\/collections\/gel-douche.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}