{"title":"Démaquillant et nettoyant","description":"\u003cp\u003eEau micellaire, huile lactée, gel moussant, baume solide ou simple lingette lavable : chaque format répond à un besoin précis. Le bon choix dépend surtout de ce que vous retirez le soir (maquillage léger, mascara tenace, simple pollution de la journée) et de la façon dont votre peau réagit.\u003c\/p\u003e\n\u003ch2\u003eQuel format de démaquillant naturel choisir ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eVotre besoin\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eFormat\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eProduits à découvrir\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003ePourquoi ce choix\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eDémaquillage rapide et maquillage léger\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eEau ou lotion micellaire\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/eau-micellaire-eclat-de-rose-bio-500-ml-centifolia\" title=\"Eau Micellaire Eclat de Rose Bio – Centifolia\"\u003eEau Micellaire Eclat de Rose Bio - Centifolia\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/lotion-micellaire-bio-puraloe\" title=\"Lotion Micellaire Bio 76% Aloé Vera – Pur'Aloé\"\u003eLotion Micellaire Bio 76% Aloé Vera - Pur'Aloé\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eAppliquée sur une lingette, elle se tamponne sans frotter et ne demande pas de rinçage. Pratique aussi pour les peaux qui tolèrent mal l'eau calcaire.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eMaquillage couvrant, mascara, rouge à lèvres\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eHuile, démaquillant solide\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/huile-lactee-demaquillante-endro\" title=\"Huile Lactée Démaquillante Visage, Yeux \u0026amp; Lèvres – Endro\"\u003eHuile Lactée Démaquillante Visage, Yeux \u0026amp; Lèvres - Endro\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/demaquillant-solide-a-lhuile-de-jojoba-bio-pot-kraft-40-g-comme-avant\" title=\"Démaquillant Solide à l'Huile de Jojoba Bio – Comme Avant\"\u003eDémaquillant Solide à l'Huile de Jojoba Bio - Comme Avant\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/demaquillant-solide-lamazuna\" title=\"Démaquillant solide à l'huile de jojoba bio – Lamazuna\"\u003eDémaquillant solide à l'huile de jojoba bio - Lamazuna\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eL'huile dissout les corps gras sans frotter. Le solide suit la même logique, en format compact sans flacon, pratique en voyage. L'huile de jojoba est souvent appréciée car sa composition se rapproche de celle du sébum.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eSecond nettoyage ou nettoyage du matin\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGel, gelée\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/gel-nettoyant-hydratant-endro\" title=\"Gel Nettoyant Hydratant visage – Endro\"\u003eGel Nettoyant Hydratant visage - Endro\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/gelee-nettoyante-purifiante-bio-145-ml-centifolia\" title=\"Gelée Nettoyante et Purifiante Visage Bio – Centifolia\"\u003eGelée Nettoyante et Purifiante Visage Bio - Centifolia\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eAppliqué sur peau humide puis rincé, le gel laisse une sensation de fraîcheur. Un bon choix pour les peaux mixtes.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003ePeaux sèches ou qui tiraillent, usage familial\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLait\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/lait-nettoyant-hydratant-pour-toute-la-famille-200ml-centifolia\" title=\"Lait Nettoyant Hydratant Pour Toute La Famille – Centifolia\"\u003eLait Nettoyant Hydratant Pour Toute La Famille - Centifolia\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/lait-dermo-nettoyant-demaquillant-neutre-bio-200-ml-centifolia\" title=\"Lait Dermo-Nettoyant Démaquillant Neutre Bio – Centifolia\"\u003eLait Dermo-Nettoyant Démaquillant Neutre Bio - Centifolia\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe lait s'applique sur peau sèche ou humide, puis se rince ou s'essuie. Sa texture est souvent préférée sur les peaux sèches.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eRemplacer les cotons jetables\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLingettes lavables\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca href=\"\/products\/coffret-10-lingettes-demaquillantes-lavables-lamazuna\" title=\"Coffret 10 lingettes démaquillantes lavables – Lamazuna\"\u003eCoffret 10 lingettes démaquillantes lavables - Lamazuna\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/10-disques-demaquillants-lavables-bambaw\" title=\"Boîte de 10 lingettes démaquillantes lavables – Bambaw\"\u003eBoîte de 10 lingettes démaquillantes lavables - Bambaw\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe complément de tous les formats ci-dessus : humidifiez, utilisez avec le démaquillant choisi, puis lavez en machine dans un filet.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eSi vous ne devez retenir qu'une règle : \u003cstrong\u003el'huile ou le solide pour démaquiller, le gel ou le lait pour nettoyer.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eVotre profil de peau, votre produit\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous portez du mascara tous les jours\u003c\/strong\u003e : l'huile lactée Endro ou un démaquillant solide, posés quelques secondes sur les cils avec une lingette humide, évitent de frotter. Parfait pour prendre soin du contour des yeux.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Votre peau est sensible ou réagit facilement\u003c\/strong\u003e : la Lotion Micellaire Bio 76% Aloé Vera Pur'Aloé (l'aloe vera est traditionnellement utilisé pour son effet apaisant) ou le lait nettoyant Centifolia sont de bons points de départ.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous cherchez un seul produit pour toute la maison\u003c\/strong\u003e : \u003ca href=\"\/products\/eau-micellaire-pour-toute-la-famille-500-ml-centifolia\"\u003el'Eau Micellaire Pour Toute La Famille \u003c\/a\u003ede chez Centifolia et le Lait Nettoyant Hydratant Pour Toute La Famille Centifolia affichent clairement leur vocation dans leur nom.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Votre peau est mixte et vous aimez la sensation de propre\u003c\/strong\u003e : le gel nettoyant Endro le matin, éventuellement suivi de \u003ca href=\"\/products\/eau-florale-feuille-olivier-najel\"\u003el'Eau tonique de Feuille d'Olivier bio\u003c\/a\u003e de la marque Najel pour compléter le geste.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Vous voulez un soin ponctuel plus cocooning\u003c\/strong\u003e : les \u003ca href=\"\/products\/masque-nettoyant-visage-au-lait-de-chevre-huile-dargan\" title=\"Masque nettoyant visage au lait de Chèvre \u0026amp; Huile d'Argan\"\u003emasques nettoyants au lait de chèvre et huile d'argan\u003c\/a\u003e ou \u003ca href=\"\/products\/masque-nettoyant-visage-au-lait-anesse\" title=\"Masque nettoyant visage au lait d'ânesse\"\u003eau lait d'ânesse\u003c\/a\u003e de SB Collection sont pensés comme un geste occasionnel, pas comme un démaquillant quotidien.\u003c\/p\u003e\n\u003ch2\u003eLe bon rythme pour nettoyer sans agresser votre peau\u003c\/h2\u003e\n\u003cp\u003eLa peau possède un film protecteur naturel et un microbiome (l'ensemble des micro-organismes utiles qui y vivent) que des nettoyages trop décapants peuvent déséquilibrer. Des travaux sur la barrière cutanée vont dans ce sens, et c'est une bonne raison de choisir des formules douces.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe soir\u003c\/strong\u003e\u003cbr\u003eDémaquillage chaque soir dès qu'il y a maquillage ou crème solaire.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe matin\u003c\/strong\u003e\u003cbr\u003eUn nettoyage léger suffit : gel, lait ou eau tonique.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe double nettoyage\u003c\/strong\u003e\u003cbr\u003eHuile puis gel : vraiment utile les jours de maquillage couvrant, pas forcément tous les soirs.\u003c\/p\u003e\n\u003ch2\u003eLes précautions à connaître\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Contour de l'œil\u003c\/strong\u003e : il se tamponne, jamais ne se frotte. Gardez les yeux fermés et rincez à l'eau claire en cas de picotement.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Première utilisation\u003c\/strong\u003e : un test dans le pli du coude reste une précaution utile, surtout sur peau sensible.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Irritation persistante\u003c\/strong\u003e : l'avis d'un dermatologue ou d'un pharmacien s'impose.\u003c\/p\u003e\n\u003ch2\u003eNotre conseil pour bien démarrer\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eUn duo simple suffit la plupart du temps.\u003c\/strong\u003e Un démaquillant huileux (solide ou en flacon) et un lot de lingettes lavables pour le soir, puis un gel ou un lait selon votre peau pour le matin. Pas besoin de dix produits, deux bons gestes réguliers font vraiment la différence.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur démaquillant naturel ?\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas de meilleur absolu, mais un meilleur par usage. L'huile ou le solide s'imposent pour le maquillage tenace et le contour des yeux, l'eau micellaire convient à un démaquillage rapide sans rinçage, et le lait nettoyant est souvent préféré sur les peaux sèches. Le tableau en haut de page vous aide à trouver le format qui correspond à votre situation en quelques secondes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQu'est-ce qui peut remplacer le démaquillant ?\u003c\/summary\u003e\n\u003cp\u003eUne huile végétale pure, le jojoba par exemple, appliquée sur une lingette lavable humide puis rincée, peut faire l'affaire pour un maquillage léger. Pour les yeux en revanche, mieux vaut une formule pensée pour cette zone, comme l'huile lactée Endro dont le nom indique explicitement un usage visage, yeux et lèvres, pour éviter tout risque d'irritation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le démaquillant le plus efficace ?\u003c\/summary\u003e\n\u003cp\u003eSur le maquillage waterproof ou couvrant, les textures huileuses (huile, baume, solide) sont les plus efficaces : elles dissolvent les corps gras sans qu'il soit nécessaire de frotter. Si vous aimez la sensation de peau bien rincée après, vous pouvez les compléter par un gel ou un lait nettoyant en second passage.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment nettoyer sa peau du visage naturellement ?\u003c\/summary\u003e\n\u003cp\u003eEn trois temps : le soir, démaquillez avec un format huileux ou micellaire selon votre maquillage, puis nettoyez avec un gel ou un lait doux si besoin, et rincez à l'eau tiède. Le matin, un nettoyage léger suffit. Évitez de multiplier les lavages dans la journée : cela préserve le film protecteur naturel de votre peau et son équilibre à long terme.\u003c\/p\u003e\n\u003c\/details\u003e","products":[{"product_id":"gelee-nettoyante-purifiante-bio-145-ml-centifolia","title":"Gelée Nettoyante et Purifiante Visage Bio - 145 ml - 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\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e💧 99,5% Naturel\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🍃 Peaux mixtes à grasses\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eGelée Nettoyante Purifiante Fraîcheur de Thé\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eCentifolia · 145 ml\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eUn rituel de nettoyage quotidien doux et efficace, enrichi en hydrolat de thé vert bio et zinc PCA. Élimine impuretés et excès de sébum sans dessécher la peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gel nettoyant bio visage ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux nettoyants du marché qui décapent la peau, cette gelée repose sur une base lavante ultra-douce dérivée de sucre et de coco, sans sulfates, parabènes ni silicones.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🧪 pH physiologique\u003c\/h3\u003e\n        \u003cp\u003ePréserve le film hydrolipidique et évite les tiraillements.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eFormule sans parabènes ni silicones pour respecter la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e❄️ Fraîcheur immédiate\u003c\/h3\u003e\n        \u003cp\u003eTexture gel transparente qui se transforme en mousse légère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne vraie option bio face aux références du marché comme Caudalie Vinopure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eLes actifs clés d'un nettoyant bio visage efficace\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍵 Hydrolat de Thé Vert BIO\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant puissant, il tonifie et purifie la peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌾 Extrait de Gattilier\u003c\/h3\u003e\n        \u003cp\u003eRégule la production de sébum et limite les brillances indésirables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🫚 Hydrolat de Gingembre BIO\u003c\/h3\u003e\n        \u003cp\u003eStimule et revitalise le teint pour un éclat retrouvé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera BIO\u003c\/h3\u003e\n        \u003cp\u003eHydrate, apaise et calme les rougeurs des peaux sensibilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Zinc PCA\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour son action assainissante sur les peaux à imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🥥 Base lavante douce\u003c\/h3\u003e\n        \u003cp\u003eDérivée de sucre et de coco, pour un nettoyage ultra-respectueux.\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\u003e\u003cstrong\u003e99,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 20,9 % issus de l'Agriculture Biologique. Certifiée \u003cstrong\u003eCosmebio\u003c\/strong\u003e, contrôlée par Ecocert et fabriquée en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComment utiliser la Gelée Nettoyante Fraîcheur de Thé ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement des bienfaits de ce gel nettoyant visage bio, suivez ce rituel simple matin et soir.\u003c\/p\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\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de gelée dans le creux de la main.\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Émulsionnez\u003c\/h3\u003e\n          \u003cp\u003eAjoutez un peu d'eau pour former une mousse légère et 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\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement le visage en évitant le contour des yeux.\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 puis séchez en tapotant.\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À utiliser \u003cstrong\u003ematin et soir\u003c\/strong\u003e. Pour un rituel purifiant complet, associez cette gelée au masque exfoliant et au fluide matifiant de la gamme Fraîcheur de Thé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Peaux mixtes\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour rééquilibrer la zone T et les zones plus sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Peaux grasses\u003c\/h3\u003e\n        \u003cp\u003eRégule le sébum et limite les brillances au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🔍 Pores dilatés\u003c\/h3\u003e\n        \u003cp\u003eAide à resserrer les pores et affiner le grain de peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eCompatible avec les peaux sensibles qui brillent dans la zone T.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eVos interrogations\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e💄 Cette gelée démaquille-t-elle ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eElle nettoie parfaitement la peau en fin de journée, mais pour un maquillage longue tenue, un démaquillage préalable à l'huile est conseillé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🌿 Convient-elle aux peaux acnéiques ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, grâce au thé vert, au gattilier et au zinc PCA, elle aide à assainir les peaux à tendance acnéique. En cas de traitement dermatologique, demandez conseil à votre médecin : ce produit cosmétique ne remplace pas un traitement médical.\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    \u003ch2\u003eEngagement Centifolia\u003c\/h2\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003eMarque française pionnière de la \u003cstrong\u003ecosméto-botanique\u003c\/strong\u003e, Centifolia sélectionne chaque ingrédient pour sa traçabilité et son impact réduit sur la biodiversité. Flacon de 145 ml, testé sous contrôle dermatologique. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f5f9f3;\n  --cf-white: #ffffff;\n  --cf-primary: #7bc17e;\n  --cf-primary-dark: #3d6b42;\n  --cf-primary-light: #e8f3e6;\n  --cf-secondary: #a8d5a8;\n  --cf-accent: #4a8b52;\n  --cf-text: #1a2e1c;\n  --cf-text-light: #5a6b5c;\n  --cf-border: #d8e8d5;\n  --cf-shadow: 0 4px 24px rgba(61,107,66,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(61,107,66,.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, #7bc17e 0%, #4a8b52 50%, #3d6b42 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,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .4;\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(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.6;\n  max-width: 700px;\n  margin: 0 auto;\n  font-weight: 400;\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.6;\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-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(61,107,66,.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-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: 22px;\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}\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: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\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}\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":45754744078493,"sku":"CE0425","price":12.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-nettoyante-et-purifiante-visage-bio-145-ml-centifolia-packshothd.webp?v=1777800802"},{"product_id":"mousse-nettoyante-visage-tulsi-flacon-de-150-ml-ayurvana","title":"Mousse Nettoyante Visage Tulsi - 150 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mousse Nettoyante Visage Tulsi - Ayur-Vana\nPalette détectée:\n  - Primaire: #D4782F (orange chaud du bandeau packaging)\n  - Secondaire: #6B8E3A (vert feuille de tulsi)\n  - Accent: #8B6914 (doré\/ocre des motifs paisley)\n  - Fond packaging: #F5EDD8 (crème beige chaud)\nAmbiance: Naturel\/bio, ayurvédique, chaleureux, féminin-neutre, tradition indienne avec modernité cosmétique\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Mousse Nettoyante Visage au Tulsi Bio – Le soin purifiant inspiré de l'Ayurveda\"\n  2. \"Pourquoi adopter cette mousse nettoyante visage bio ?\"\n  3. \"Les bienfaits du Tulsi pour votre peau\"\n  4. \"Liste complète des ingrédients (INCI)\"\n  5. \"Comment utiliser cette mousse nettoyante ?\"\n  6. \"Fabrication française et engagement qualité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tl-hero\"\u003e\n    \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tl-hero-content\"\u003e\n      \u003cdiv class=\"tl-badges-top\"\u003e\n        \u003cspan class=\"tl-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"tl-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tl-hero-title\"\u003eMousse nettoyante visage Tulsi\u003c\/span\u003e\n      \u003cp class=\"tl-subtitle\"\u003eAyur-Vana – Le rituel purifiant ayurvédique\u003c\/p\u003e\n      \u003cp class=\"tl-description\"\u003eUne mousse aérienne au basilic sacré bio qui nettoie en profondeur sans jamais agresser. 98 % d'ingrédients d'origine naturelle pour une peau fraîche, pure et apaisée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eMousse Nettoyante Visage au Tulsi Bio – Le soin purifiant inspiré de l'Ayurveda\u003c\/h2\u003e\n    \u003cp class=\"tl-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure mousse nettoyante visage\u003c\/strong\u003e alliant efficacité et douceur ? La Mousse Nettoyante Visage Tulsi d'Ayur-Vana puise dans la sagesse ayurvédique pour offrir à votre peau un nettoyage en profondeur, sans jamais l'agresser.\u003c\/p\u003e\n    \u003cdiv class=\"tl-grid-compact\"\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🕉️ Sagesse ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eLe Tulsi (\u003cem\u003eOcimum sanctum\u003c\/em\u003e), basilic sacré vénéré en Inde depuis des millénaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🧬 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eCertifié bio par Ecocert, la garantie d'une formulation exigeante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e✨ Vertus purifiantes\u003c\/h3\u003e\n        \u003cp\u003eNettoyage en profondeur respectueux du film hydrolipidique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🛡️ Antioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eProtection contre la pollution et le stress oxydatif quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003ePourquoi adopter cette mousse nettoyante visage bio ?\u003c\/h2\u003e\n    \u003cp class=\"tl-section-intro\"\u003eContrairement à de nombreuses mousses nettoyantes du marché, cette formule bio d'Ayur-Vana ne contient \u003cstrong\u003eni sulfate agressif, ni silicone, ni paraben\u003c\/strong\u003e. Sa texture aérienne et ultra-légère se transforme en une mousse onctueuse qui élimine efficacement les impuretés, le maquillage léger et l'excès de sébum.\u003c\/p\u003e\n    \u003cdiv class=\"tl-grid\"\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🚫 Sans sulfate ni silicone\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient agressif : votre peau est nettoyée avec une extrême douceur, sans jamais être décapée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e💧 Respect du film hydrolipidique\u003c\/h3\u003e\n        \u003cp\u003eVotre peau reste propre, fraîche et confortable, sans aucune sensation de tiraillement après le rinçage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🌸 Tous types de peaux\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux sensibles, mais convient aussi parfaitement aux peaux mixtes sujettes aux imperfections\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Tulsi pour votre peau\u003c\/h2\u003e\n    \u003cp class=\"tl-section-intro\"\u003eLe Tulsi bio est bien plus qu'un simple ingrédient tendance. Utilisé en cosmétique ayurvédique depuis des siècles, il agit sur plusieurs fronts pour sublimer votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"tl-grid\"\u003e\n      \u003cdiv class=\"tl-card tl-card-highlight\"\u003e\n        \u003ch3\u003e🧹 Purifiant\u003c\/h3\u003e\n        \u003cp\u003eIl aide à désincruster les pores en profondeur et à limiter l'apparition des imperfections pour un teint plus net\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card tl-card-highlight\"\u003e\n        \u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n        \u003cp\u003eIl protège la peau des agressions extérieures comme la pollution urbaine et le stress oxydatif quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card tl-card-highlight\"\u003e\n        \u003ch3\u003e☮️ Apaisant\u003c\/h3\u003e\n        \u003cp\u003eIl calme les peaux réactives et réduit les inconforts cutanés pour une sensation de bien-être immédiate\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"tl-accordion\"\u003e\n      \u003cdetails class=\"tl-accordion-item\"\u003e\n        \u003csummary class=\"tl-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n        \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Glycerin*, Caprylyl\/Capryl Glucoside, Polyglyceryl-4 Caprate, Citric Acid, Benzyl Alcohol, Aloe Barbadensis Leaf Extract*, Potassium Sorbate, Sodium Phytate, Commiphora Mukul Resin Oil*, Juniperus Communis Seed Oil*, Arctium Lappa Root Extract*, Pogostemon Cablin Leaf Oil, Citrus Sinensis Peel Oil Expressed*, Aloe Vera, \u003cstrong\u003eOcimum Sanctum Leaf Extract\u003c\/strong\u003e**.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique\u003cbr\u003e** Ingrédient à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tl-accordion-item\"\u003e\n        \u003csummary class=\"tl-accordion-header\"\u003e📊 Pourcentages clés\u003c\/summary\u003e\n        \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003e98 %\u003c\/strong\u003e du total est d'origine naturelle. \u003cstrong\u003e15 %\u003c\/strong\u003e du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eComment utiliser cette mousse nettoyante ?\u003c\/h2\u003e\n    \u003cp class=\"tl-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ce rituel simple matin et soir :\u003c\/p\u003e\n    \u003cdiv class=\"tl-timeline\"\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez votre visage\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, commencez par mouiller votre visage à l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003ePrélevez la mousse\u003c\/h3\u003e\n          \u003cp\u003ePressez le flacon pompe pour obtenir une à deux doses de mousse dans la paume de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le visage en massant par mouvements circulaires, en insistant sur la zone T (front, nez, menton).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire, puis séchez en tapotant doucement avec une serviette propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003ePoursuivez votre routine\u003c\/h3\u003e\n          \u003cp\u003eEnchaînez avec votre soin hydratant habituel pour sceller l'hydratation et protéger votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tl-tip\"\u003e\n      \u003cspan class=\"tl-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe format pompe moussante de \u003cstrong\u003e150 ml\u003c\/strong\u003e est très pratique : il délivre la juste dose à chaque utilisation et dure plusieurs semaines en usage quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tl-grid\"\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eCertifié bio par Ecocert selon le référentiel Cosmos Organic, avec une traçabilité complète du champ au flacon\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n        \u003cp\u003eAyur-Vana sélectionne rigoureusement ses ingrédients biologiques pour garantir la plus haute qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🐰 Non testé sur les animaux\u003c\/h3\u003e\n        \u003cp\u003eCe soin cosmétique respecte le vivant : aucun test sur les animaux à aucune étape de sa conception\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tl-section-intro\"\u003eLa richesse d'une formulation ancrée dans la tradition ayurvédique, associée aux exigences strictes de la cosmétique bio européenne.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS + CTA --\u003e\n  \u003csection class=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tl-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre peau le meilleur de l'Ayurveda et du bio — un geste simple, pur et efficace, matin et soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tl-disclaimer\"\u003ePrécaution : en cas de réaction cutanée, cessez l'utilisation. Évitez le contact avec les yeux. Ce produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème de peau persistant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --tl-cream: #FBF7F0;\n  --tl-white: #ffffff;\n  --tl-primary: #D4782F;\n  --tl-primary-dark: #A85A1B;\n  --tl-primary-light: #FDF0E5;\n  --tl-secondary: #6B8E3A;\n  --tl-accent: #8B6914;\n  --tl-text: #1a1a1a;\n  --tl-text-light: #5a5a5a;\n  --tl-border: #e8ddd0;\n  --tl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tl-radius: 20px;\n  --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tl-premium *, .tl-premium *::before, .tl-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4782F 0%, #C06520 40%, #6B8E3A 100%);\n  border-radius: var(--tl-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(--tl-shadow-lg);\n}\n\n.tl-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,.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 60%);\n  opacity: 1;\n}\n\n.tl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tl-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.tl-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.tl-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.tl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.tl-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(--tl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tl-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.tl-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(--tl-primary), var(--tl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tl-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.tl-card {\n  background: var(--tl-white);\n  border-radius: var(--tl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tl-shadow-lg);\n  border-color: var(--tl-primary);\n}\n\n.tl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.tl-card-highlight {\n  border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-card-highlight:hover {\n  border-color: var(--tl-secondary);\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n  padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tl-primary), var(--tl-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.tl-timeline-content {\n  flex: 1;\n  background: var(--tl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--tl-radius-sm);\n  box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n  font-size: 14px;\n  color: var(--tl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.tl-accordion {\n  background: var(--tl-white);\n  border-radius: var(--tl-radius);\n  box-shadow: var(--tl-shadow);\n  overflow: hidden;\n}\n\n.tl-accordion-item {\n  border-bottom: 1px solid var(--tl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tl-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.tl-accordion-header:hover {\n  background: var(--tl-primary-light);\n}\n\n.tl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tl-primary);\n  transition: transform .2s ease;\n}\n\n.tl-accordion-item[open] .tl-accordion-header::after {\n  content: '−';\n}\n\n.tl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.tl-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.tl-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--tl-primary-light);\n  border-radius: var(--tl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tl-tip p {\n  font-size: 14px;\n  color: var(--tl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n  background: linear-gradient(135deg, var(--tl-primary) 0%, var(--tl-primary-dark) 100%);\n  border-radius: var(--tl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tl-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.tl-disclaimer {\n  font-size: 12px;\n  color: var(--tl-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  .tl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .tl-card {\n    padding: 1.125rem;\n  }\n\n  .tl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .tl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tl-radius-sm);\n  }\n\n  .tl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .tl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .tl-grid-compact {\n    gap: .625rem;\n  }\n\n  .tl-grid-compact .tl-card {\n    padding: .75rem;\n  }\n\n  .tl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .tl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .tl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .tl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .tl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .tl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .tl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .tl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tl-card {\n    animation: tl-fadeInUp .5s ease backwards;\n  }\n  .tl-card:nth-child(1) { animation-delay: .05s; }\n  .tl-card:nth-child(2) { animation-delay: .1s; }\n  .tl-card:nth-child(3) { animation-delay: .15s; }\n  .tl-card:nth-child(4) { animation-delay: .2s; }\n  .tl-card:nth-child(5) { animation-delay: .25s; }\n  .tl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tl-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  .tl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097481373,"sku":"AY9917","price":19.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mousse-nettoyante-visage-tulsi_ayurvana_1_11zon.jpg?v=1770827063"},{"product_id":"lait-demaquillant-au-triphala-tube-de-150-ml-ayurvana","title":"Lait Démaquillant au Triphala - Tube de 150 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Démaquillant au Triphala - AyurVana\nPalette détectée:\n  - Primaire: #2E7D32 (vert nature\/ayurvédique du texte \"Triphala\" et motifs)\n  - Secondaire: #E8A317 (orange\/doré des gouttes et motifs paisley)\n  - Accent: #1565C0 (bleu des gouttes colorées et du \"A\" du logo)\n  - Crème packaging: #FDF6E3 (fond crème\/ivoire du tube)\nAmbiance: Naturel\/bio, inspiration ayurvédique indienne, féminin doux, motifs paisley, univers végétal et ancestral\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Lait démaquillant au Triphala AyurVana : le soin nettoyant bio inspiré de l'ayurvéda\"\n  2. \"Pourquoi choisir ce lait démaquillant bio au Triphala ?\"\n  3. \"Une formule riche en actifs végétaux bio\"\n  4. \"Comment utiliser ce lait démaquillant ?\"\n  5. \"Liste complète des ingrédients (INCI)\"\n  6. \"Engagements qualité AyurVana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"av-hero\"\u003e\n    \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"av-hero-content\"\u003e\n      \u003cdiv class=\"av-badges-top\"\u003e\n        \u003cspan class=\"av-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"av-badge\"\u003e🧪 98 % naturel\u003c\/span\u003e\n        \u003cspan class=\"av-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"av-hero-title\"\u003eLait Démaquillant au Triphala\u003c\/span\u003e\n      \u003cp class=\"av-subtitle\"\u003eAyurVana — Tube 150 ml\u003c\/p\u003e\n      \u003cp class=\"av-description\"\u003eLa puissance de 3 fruits ayurvédiques ancestraux dans un lait onctueux certifié bio. Nettoie, nourrit et apaise toutes les peaux, même les plus sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eLait démaquillant au Triphala AyurVana : le soin nettoyant bio inspiré de l'ayurvéda\u003c\/h2\u003e\n    \u003cp class=\"av-section-intro\"\u003eVous cherchez un \u003cstrong\u003edémaquillant naturel\u003c\/strong\u003e qui nettoie en profondeur sans agresser votre peau ? Le \u003cstrong\u003elait démaquillant au Triphala d'AyurVana\u003c\/strong\u003e combine la douceur d'un lait onctueux à la puissance de trois fruits ayurvédiques ancestraux.\u003c\/p\u003e\n    \u003cdiv class=\"av-grid-compact\"\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCOSMOS Organic par Ecocert — 29 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🍃 98 % naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule composée à 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France selon des standards de qualité exigeants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e💆 Tous types de peau\u003c\/h3\u003e\n        \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles et réactives\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce lait démaquillant bio au Triphala ?\u003c\/h2\u003e\n    \u003cp class=\"av-section-intro\"\u003eContrairement à un démaquillant classique qui se contente de retirer le maquillage, cette formule va plus loin. Le Triphala — pilier de la tradition ayurvédique — associe trois fruits complémentaires dont les bienfaits sont reconnus depuis des millénaires.\u003c\/p\u003e\n    \u003cdiv class=\"av-grid\"\u003e\n      \u003cdiv class=\"av-card av-card-highlight\"\u003e\n        \u003ch3\u003e🫒 Amla (Emblica officinalis)\u003c\/h3\u003e\n        \u003cp\u003eExceptionnellement riche en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e, il contribue à raviver l'éclat du teint et à protéger la peau du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card av-card-highlight\"\u003e\n        \u003ch3\u003e🌰 Bibhitaki (Terminalia bellerica)\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés \u003cstrong\u003epurifiantes\u003c\/strong\u003e aident à débarrasser la peau des impuretés incrustées en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card av-card-highlight\"\u003e\n        \u003ch3\u003e🍂 Haritaki (Terminalia chebula)\u003c\/h3\u003e\n        \u003cp\u003eRéputé pour ses vertus \u003cstrong\u003eapaisantes et régénérantes\u003c\/strong\u003e, il favorise le renouvellement cutané.\u003c\/p\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\u003eRésultat :\u003c\/strong\u003e votre peau est nettoyée, douce et confortable, sans tiraillement ni film gras résiduel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eUne formule riche en actifs végétaux bio\u003c\/h2\u003e\n    \u003cp class=\"av-section-intro\"\u003eAu-delà du Triphala, ce lait démaquillant réunit des ingrédients soigneusement sélectionnés pour nourrir et apaiser votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"av-grid\"\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate et apaise les peaux les plus réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🌸 Eau d'hamamélis bio\u003c\/h3\u003e\n        \u003cp\u003eTonifie et resserre les pores pour un grain de peau affiné.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🫘 Huile de sésame bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur et renforce la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eProtège et adoucit, idéal pour les peaux sèches ou fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n        \u003cp\u003eApporte des acides gras essentiels pour maintenir la souplesse de la peau.\u003c\/p\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\u003eFormule \u003cstrong\u003esans silicone, sans paraben et sans ingrédient de synthèse controversé\u003c\/strong\u003e. Convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eComment utiliser ce lait démaquillant ?\u003c\/h2\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\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eMatin ou soir, déposez une noisette de produit sur votre visage sec.\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\u003eMassez délicatement du bout des doigts en effectuant de légers mouvements circulaires pour dissoudre le maquillage et les impureté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\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"av-timeline-content\"\u003e\n          \u003ch3\u003eRetirez\u003c\/h3\u003e\n          \u003cp\u003eRetirez à l'aide d'un coton humide ou rincez à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-timeline-item\"\u003e\n        \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"av-timeline-content\"\u003e\n          \u003ch3\u003eComplétez\u003c\/h3\u003e\n          \u003cp\u003ePour un rituel complet, appliquez une eau florale ou un tonique adapté à votre peau.\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\u003eAstuce :\u003c\/strong\u003e ce lait est suffisamment doux pour être utilisé sur le contour des yeux. Il élimine même le maquillage résistant sans frotter excessivement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"av-accordion\"\u003e\n      \u003cdetails class=\"av-accordion-item\" open\u003e\n        \u003csummary class=\"av-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n        \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Aloe barbadensis leaf extract*, Dicaprylyl carbonate, Hamamelis virginiana leaf water*, Glycerin**, Caprylic\/capric triglyceride, Arachidyl alcohol, Sesamum indicum seed oil*, Butyrospermum parkii butter*, Behenyl alcohol, Cetearyl alcohol, Benzyl alcohol, Arachidyl glucoside, Glyceryl behenate, Xanthan gum, Tocopherol, Terminalia bellerica fruit extract*, Helianthus annuus seed oil, Parfum, Emblica officinalis fruit extract*, Terminalia chebula fruit extract*, Potassium sorbate, Dehydroacetic acid, Sodium hydroxide, Citronellol, Linalool, Geraniol, Citric acid.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique. ** Transformé à 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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eEngagements qualité AyurVana\u003c\/h2\u003e\n    \u003cdiv class=\"av-grid-compact\"\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e✅ COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eCertifié par Ecocert Greenlife selon le référentiel COSMOS\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🌾 29 % bio\u003c\/h3\u003e\n        \u003cp\u003e29 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France avec des standards de qualité stricts\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🐰 Cruelty free\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e📦 150 ml\u003c\/h3\u003e\n        \u003cp\u003eFormat tube pratique et hygiénique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e📅 12 mois\u003c\/h3\u003e\n        \u003cp\u003eDurée d'utilisation après ouverture\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"av-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --av-cream: #FBF7EF;\n  --av-white: #ffffff;\n  --av-primary: #2E7D32;\n  --av-primary-dark: #1B5E20;\n  --av-primary-light: #E8F5E9;\n  --av-secondary: #E8A317;\n  --av-accent: #1565C0;\n  --av-text: #1a1a1a;\n  --av-text-light: #5a5a5a;\n  --av-border: #e0ddd6;\n  --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --av-radius: 20px;\n  --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #1B5E20 0%, #2E7D32 40%, #43A047 70%, #E8A317 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-image:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(232,163,23,.12) 0%, transparent 40%),\n    radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 0%, transparent 35%),\n    radial-gradient(circle at 70% 40%, rgba(255,255,255,.04) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.av-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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,.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.av-description {\n  color: rgba(255,255,255,.9);\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.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  line-height: 1.3;\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 TEXT === *\/\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: 650px;\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\/* Card highlight variant (Triphala fruits) *\/\n.av-card-highlight {\n  border-left: 4px solid var(--av-secondary);\n  text-align: left;\n}\n\n.av-card-highlight:hover {\n  border-color: var(--av-secondary);\n  border-left-width: 4px;\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\/* === GRILLE COMPACTE === *\/\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\/* === 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\/* === 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 0 .5rem 0;\n}\n\n.av-accordion-content p:last-child {\n  margin-bottom: 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-card-highlight {\n    text-align: left;\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\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":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097907357,"sku":"AY9916","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-demaquillant-triphala-ayurvana-recto-min.jpg?v=1733238595"},{"product_id":"demaquillant-solide-a-lhuile-de-jojoba-bio-pot-kraft-40-g-comme-avant","title":"Démaquillant Solide à l'Huile de Jojoba Bio - 40 g - Comme avant","description":"\u003cdiv class=\"dj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dj-hero\"\u003e\n    \u003cdiv class=\"dj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dj-hero-content\"\u003e\n      \u003cdiv class=\"dj-badges-top\"\u003e\n        \u003cspan class=\"dj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"dj-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n        \u003cspan class=\"dj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n        \u003cspan class=\"dj-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dj-hero-title\"\u003eDémaquillant solide à l'huile de Jojoba bio\u003c\/span\u003e\n      \u003cp class=\"dj-subtitle\"\u003e40 g · Comme Avant\u003c\/p\u003e\n      \u003cp class=\"dj-description\"\u003eSeulement 4 ingrédients pour un démaquillage doux, efficace et zéro déchet. Même le maquillage waterproof ne lui résiste pas.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"dj-section\"\u003e\n    \u003ch2\u003eDémaquillant solide à l'huile de Jojoba bio : un soin doux et zéro déchet\u003c\/h2\u003e\n    \u003cp class=\"dj-section-intro\"\u003eVous cherchez un démaquillant solide vraiment efficace, respectueux de votre peau et de l'environnement ?\u003c\/p\u003e\n    \u003cdiv class=\"dj-grid-compact\"\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e✨ Efficacité prouvée\u003c\/h3\u003e\n        \u003cp\u003eDissout le maquillage — même waterproof — et les impuretés en un seul geste, sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🧴 Formule minimaliste\u003c\/h3\u003e\n        \u003cp\u003eSeulement 4 ingrédients : sans tensioactif, sans parfum, sans conservateur de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🤲 Confort optimal\u003c\/h3\u003e\n        \u003cp\u003eVotre peau est propre, souple et confortable, sans tiraillement ni film gras après utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié Cosmos Organic, labellisé Slow Cosmétique, vegan et fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"dj-section\"\u003e\n    \u003ch2\u003ePourquoi l'huile de jojoba est idéale pour se démaquiller ?\u003c\/h2\u003e\n    \u003cp class=\"dj-section-intro\"\u003eL'huile de jojoba possède une structure proche du sébum naturel de la peau. C'est ce qui en fait un démaquillant si performant.\u003c\/p\u003e\n    \u003cdiv class=\"dj-grid\"\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e💧 Dissout le maquillage\u003c\/h3\u003e\n        \u003cp\u003eY compris le mascara et le fond de teint longue tenue, grâce à son affinité avec les corps gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e⚖️ Régule le sébum\u003c\/h3\u003e\n        \u003cp\u003eAdaptée aussi bien aux peaux sèches qu'aux peaux mixtes ou grasses, elle rééquilibre naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🌸 Nourrit sans obstruer\u003c\/h3\u003e\n        \u003cp\u003eLaisse la peau douce et équilibrée après chaque utilisation, sans boucher les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🛡️ Non comédogène\u003c\/h3\u003e\n        \u003cp\u003eParfaite pour les peaux sensibles ou sujettes aux imperfections, elle respecte tous les épidermes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"dj-section\"\u003e\n    \u003ch2\u003eComposition complète : seulement 4 ingrédients\u003c\/h2\u003e\n    \u003cp class=\"dj-section-intro\"\u003eCe nettoyant solide visage mise sur la transparence et la simplicité. Voici sa liste INCI complète.\u003c\/p\u003e\n    \u003cdiv class=\"dj-grid\"\u003e\n      \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile de jojoba bio\u003c\/h3\u003e\n        \u003cp class=\"dj-inci\"\u003eSimmondsia Chinensis Seed Oil\u003c\/p\u003e\n        \u003cp\u003eIngrédient star : elle nettoie et nourrit la peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n        \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n        \u003cp class=\"dj-inci\"\u003eTheobroma Cacao Seed Butter\u003c\/p\u003e\n        \u003cp\u003eApporte onctuosité et hydratation, protège la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n        \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n        \u003cp class=\"dj-inci\"\u003eCera Alba\u003c\/p\u003e\n        \u003cp\u003eDonne sa texture solide au produit tout en adoucissant la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card dj-card-ingredient\"\u003e\n        \u003ch3\u003e🤍 Oxyde de zinc\u003c\/h3\u003e\n        \u003cp class=\"dj-inci\"\u003eZinc Oxide\u003c\/p\u003e\n        \u003cp\u003eApaisant naturel, il calme les rougeurs et renforce la protection cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dj-tip\"\u003e\n      \u003cspan class=\"dj-tip-icon\"\u003e🔍\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans parfum, sans colorant, sans sulfate, sans conservateur.\u003c\/strong\u003e Une formule que vous pouvez lire et comprendre d'un seul coup d'œil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"dj-section\"\u003e\n    \u003ch2\u003eComment utiliser ce démaquillant solide ?\u003c\/h2\u003e\n    \u003cdiv class=\"dj-timeline\"\u003e\n      \u003cdiv class=\"dj-timeline-item\"\u003e\n        \u003cdiv class=\"dj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dj-timeline-content\"\u003e\n          \u003ch3\u003eFaites fondre le produit\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre une petite quantité entre vos doigts propres et secs, ou frottez le galet directement sur la peau sèche du visage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-timeline-item\"\u003e\n        \u003cdiv class=\"dj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dj-timeline-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement en mouvements circulaires sur l'ensemble du visage, les yeux et les lèvres pour dissoudre le maquillage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-timeline-item\"\u003e\n        \u003cdiv class=\"dj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dj-timeline-content\"\u003e\n          \u003ch3\u003eRincez ou essuyez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède ou retirez le soin à l'aide d'un tissu lavable humide pour un geste encore plus éco-responsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-timeline-item\"\u003e\n        \u003cdiv class=\"dj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"dj-timeline-content\"\u003e\n          \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n          \u003cp\u003eAprès usage, laissez sécher le galet à l'air libre dans son pot kraft pour préserver sa longévité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dj-tip\"\u003e\n      \u003cspan class=\"dj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUn galet de \u003cstrong\u003e40 g\u003c\/strong\u003e équivaut à environ \u003cstrong\u003edeux mois\u003c\/strong\u003e d'utilisation quotidienne : une alternative très économique aux flacons de démaquillant liquide.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"dj-section\"\u003e\n    \u003ch2\u003eUn choix éco-responsable et éthique\u003c\/h2\u003e\n    \u003cdiv class=\"dj-grid-compact\"\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e♻️ Emballage kraft\u003c\/h3\u003e\n        \u003cp\u003ePot kraft recyclable et compostable, zéro plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in Marseille\u003c\/h3\u003e\n        \u003cp\u003eFabrication artisanale à Marseille, origine France garantie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié Cosmos Organic et labellisé Slow Cosmétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dj-card\"\u003e\n        \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eFormule vegan, cire d'abeille issue d'apiculture responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dj-tip\"\u003e\n      \u003cspan class=\"dj-tip-icon\"\u003e🤲\u003c\/span\u003e\n      \u003cp\u003eCe soin convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux réactives et le contour des yeux sensible. En cas de doute ou d'allergie connue, testez le produit sur une petite zone avant la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"dj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"dj-cta-box\"\u003e\n      \u003cp\u003e🌿 Adoptez une routine beauté minimaliste, efficace et respectueuse de votre peau comme de la planète. Seulement 4 ingrédients, zéro compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dj-disclaimer\"\u003eCe cosmétique ne remplace pas un avis dermatologique en cas de problème cutané persistant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --dj-cream: #faf8f5;\n  --dj-white: #ffffff;\n  --dj-primary: #8b7355;\n  --dj-primary-dark: #5c4a32;\n  --dj-primary-light: #f3efe9;\n  --dj-secondary: #6b8f5e;\n  --dj-accent: #a3c48f;\n  --dj-text: #1a1a1a;\n  --dj-text-light: #5a5a5a;\n  --dj-border: #e4ddd4;\n  --dj-shadow: 0 4px 24px rgba(92,74,50,.08);\n  --dj-shadow-lg: 0 12px 48px rgba(92,74,50,.15);\n  --dj-radius: 20px;\n  --dj-radius-sm: 12px;\n}\n\n.dj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5c4a32 0%, #8b7355 50%, #6b8f5e 100%);\n  border-radius: var(--dj-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(--dj-shadow-lg);\n}\n\n.dj-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,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.dj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dj-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(--dj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dj-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.dj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.dj-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\/* === SECTIONS === *\/\n.dj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dj-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.dj-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(--dj-primary), var(--dj-secondary));\n  border-radius: 2px;\n}\n\n.dj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dj-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.dj-card {\n  background: var(--dj-white);\n  border-radius: var(--dj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dj-shadow-lg);\n  border-color: var(--dj-primary);\n}\n\n.dj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.dj-card-ingredient .dj-inci {\n  font-size: 12px;\n  font-style: italic;\n  color: var(--dj-primary);\n  margin-bottom: .5rem;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.dj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dj-grid-compact .dj-card {\n  padding: 1rem;\n}\n\n.dj-grid-compact .dj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dj-grid-compact .dj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dj-primary), var(--dj-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.dj-timeline-content {\n  flex: 1;\n  background: var(--dj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dj-radius-sm);\n  box-shadow: var(--dj-shadow);\n}\n\n.dj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dj-timeline-content p {\n  font-size: 14px;\n  color: var(--dj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dj-primary-light);\n  border-radius: var(--dj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dj-tip p {\n  font-size: 14px;\n  color: var(--dj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.dj-cta-box {\n  background: linear-gradient(135deg, var(--dj-primary) 0%, var(--dj-primary-dark) 100%);\n  border-radius: var(--dj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dj-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.dj-disclaimer {\n  font-size: 12px;\n  color: var(--dj-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .dj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dj-card {\n    padding: 1.125rem;\n  }\n\n  .dj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dj-radius-sm);\n  }\n\n  .dj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dj-grid-compact {\n    gap: .625rem;\n  }\n\n  .dj-grid-compact .dj-card {\n    padding: .75rem;\n  }\n\n  .dj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dj-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dj-card {\n    animation: djFadeInUp .5s ease backwards;\n  }\n  .dj-card:nth-child(1) { animation-delay: .05s; }\n  .dj-card:nth-child(2) { animation-delay: .1s; }\n  .dj-card:nth-child(3) { animation-delay: .15s; }\n  .dj-card:nth-child(4) { animation-delay: .2s; }\n  .dj-card:nth-child(5) { animation-delay: .25s; }\n  .dj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes djFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186184349,"sku":"NBAICAV0006","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/demaquillant-solide-a-lhuile-de-jojoba-bio-40-g-comme-avant-lifestyle.webp?v=1774255566"},{"product_id":"eau-micellaire-eclat-de-rose-bio-500-ml-centifolia","title":"Eau Micellaire Eclat de Rose Bio - 500 Ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Micellaire Eclat de Rose Bio - 500 Ml - Centifolia\nPalette détectée:\n  - Primaire: #E8B4B8 (rose poudré doux du packaging)\n  - Secondaire: #C9A4A9 (rose plus soutenu)\n  - Accent: #7D9E7D (vert botanique du logo Cosmos)\n  - Primaire-dark: #9C7579 (rose foncé pour textes)\n  - Primaire-light: #FDF5F6 (rose très pâle pour backgrounds)\nAmbiance: Naturel\/Bio, féminin, délicat, élégant, botanique, cosmétique premium française\nPréfixe CSS: emr (eau micellaire rose)\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Une eau micellaire démaquillante complète pour le visage, les yeux et les lèvres\"\n  2. \"Pourquoi choisir cette eau micellaire rose plutôt qu'une autre ?\"\n  3. \"Une formule certifiée bio et respectueuse de votre peau\"\n  4. \"Liste complète des ingrédients (INCI)\"\n  5. \"Comment utiliser cette eau micellaire démaquillante ?\"\n  6. \"Pour qui est faite cette eau micellaire ?\"\n  7. \"Le format 500 ml : un choix économique et pratique\"\n  8. \"Centifolia : l'expertise française de la cosmétique botanique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"emr-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"emr-hero\"\u003e\n    \u003cdiv class=\"emr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"emr-hero-content\"\u003e\n      \u003cdiv class=\"emr-badges-top\"\u003e\n        \u003cspan class=\"emr-badge\"\u003e🌹 Rose Centifolia\u003c\/span\u003e\n        \u003cspan class=\"emr-badge\"\u003e🧪 99% naturel\u003c\/span\u003e\n        \u003cspan class=\"emr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"emr-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"emr-hero-title\"\u003eEau Micellaire Éclat de Rose Bio\u003c\/span\u003e\n      \u003cp class=\"emr-subtitle\"\u003eCentifolia • 500 ml\u003c\/p\u003e\n      \u003cp class=\"emr-description\"\u003eLa puissance nettoyante des micelles alliée à la douceur de la rose, de l'acide hyaluronique et de la vitamine C. Une peau parfaitement démaquillée, lumineuse et confortable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003eUne eau micellaire démaquillante complète pour le visage, les yeux et les lèvres\u003c\/h2\u003e\n    \u003cp class=\"emr-section-intro\"\u003eSpécialement formulée pour répondre à tous vos besoins de nettoyage quotidien, elle élimine en un seul geste :\u003c\/p\u003e\n    \u003cdiv class=\"emr-grid\"\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e💧 Maquillage waterproof\u003c\/h3\u003e\n        \u003cp\u003eÉlimine même le mascara le plus tenace sans frotter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e✨ Impuretés quotidiennes\u003c\/h3\u003e\n        \u003cp\u003eNettoie les résidus accumulés au fil de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e🏙️ Traces de pollution\u003c\/h3\u003e\n        \u003cp\u003eLibère la peau des particules qui ternissent le teint\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e⚖️ Excès de sébum\u003c\/h3\u003e\n        \u003cp\u003eMatifie en douceur sans dessécher l'épiderme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"emr-tip\"\u003e\n      \u003cspan class=\"emr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans rinçage nécessaire\u003c\/strong\u003e — Elle simplifie votre routine beauté tout en respectant la délicatesse du contour des yeux et des lèvres.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette eau micellaire rose plutôt qu'une autre ?\u003c\/h2\u003e\n    \u003cp class=\"emr-section-intro\"\u003eUn trio d'actifs précieux aux vertus complémentaires distingue cette formule des eaux micellaires classiques :\u003c\/p\u003e\n    \u003cdiv class=\"emr-grid\"\u003e\n      \u003cdiv class=\"emr-card emr-card-highlight\"\u003e\n        \u003ch3\u003e🌹 Rose Centifolia\u003c\/h3\u003e\n        \u003cp\u003eLa rose aux cent pétales, reconnue pour ses propriétés apaisantes et régénérantes. Son parfum délicat adoucit la peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card emr-card-highlight\"\u003e\n        \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eL'actif star de l'hydratation capte l'eau et la retient dans l'épiderme, éliminant les sensations de tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card emr-card-highlight\"\u003e\n        \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eAntioxydante puissante, elle ravive l'éclat du teint et protège la peau des agressions extérieures quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"emr-highlight-text\"\u003eCe cocktail d'actifs fait de cette eau micellaire bio bien plus qu'un simple démaquillant : c'est un véritable soin quotidien pour votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003eUne formule certifiée bio et respectueuse de votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"emr-grid-compact\"\u003e\n      \u003cdiv class=\"emr-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=\"emr-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=\"emr-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eNi sulfates, ni parabènes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eTous types de peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003e50% plastique recyclé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"emr-accordion\"\u003e\n      \u003cdetails class=\"emr-accordion-item\" open\u003e\n        \u003csummary class=\"emr-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n        \u003cdiv class=\"emr-accordion-content\"\u003e\n          \u003cp\u003eAqua, Rosa Centifolia Flower Water*, Glycerin, Coco-Glucoside, Sodium Cocoyl Glutamate, Sodium Hyaluronate, Ascorbyl Glucoside, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum, Limonene, Citronellol, Geraniol, Linalool.\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\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003eComment utiliser cette eau micellaire démaquillante ?\u003c\/h2\u003e\n    \u003cdiv class=\"emr-timeline\"\u003e\n      \u003cdiv class=\"emr-timeline-item\"\u003e\n        \u003cspan class=\"emr-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"emr-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n          \u003cp\u003eImprégnez un coton d'eau micellaire et passez-le délicatement sur l'ensemble du visage pour éliminer les résidus de la nuit et préparer votre peau au soin de jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-timeline-item\"\u003e\n        \u003cspan class=\"emr-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"emr-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n          \u003cp\u003eCommencez par le démaquillage des yeux en maintenant le coton quelques secondes sur les paupières fermées, puis nettoyez le reste du visage et le cou par mouvements doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-timeline-item\"\u003e\n        \u003cspan class=\"emr-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"emr-timeline-content\"\u003e\n          \u003ch3\u003e✨ Finition\u003c\/h3\u003e\n          \u003cp\u003eAucun rinçage nécessaire. Appliquez directement votre sérum ou crème hydratante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"emr-tip\"\u003e\n      \u003cspan class=\"emr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un maquillage waterproof très résistant, n'hésitez pas à utiliser deux cotons successifs sur la zone des yeux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette eau micellaire ?\u003c\/h2\u003e\n    \u003cp class=\"emr-section-intro\"\u003eL'Eau Micellaire Éclat de Rose Bio convient particulièrement si vous :\u003c\/p\u003e\n    \u003cdiv class=\"emr-grid\"\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e🤍 Peau sensible\u003c\/h3\u003e\n        \u003cp\u003eSupporte mal les démaquillants classiques ou réactive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e⚡ Routine simplifiée\u003c\/h3\u003e\n        \u003cp\u003eRecherchez un produit tout-en-un efficace\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e💧 Maquillage waterproof\u003c\/h3\u003e\n        \u003cp\u003ePortez du maquillage résistant au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e🌿 Naturel \u0026amp; bio\u003c\/h3\u003e\n        \u003cp\u003eSouhaitez une formule clean sans compromis\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n        \u003cp\u003eDésirez retrouver un teint plus éclatant et unifié\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003eLe format 500 ml : un choix économique et pratique\u003c\/h2\u003e\n    \u003cdiv class=\"emr-grid-compact\"\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e📅 Plusieurs mois\u003c\/h3\u003e\n        \u003cp\u003eD'utilisation quotidienne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e🌍 Éco-friendly\u003c\/h3\u003e\n        \u003cp\u003eMoins d'achats, moins d'impact\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n        \u003cp\u003eExcellent rapport qualité-prix\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"emr-card\"\u003e\n        \u003ch3\u003e✅ Toujours prête\u003c\/h3\u003e\n        \u003cp\u003eNe jamais être à court\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"emr-section\"\u003e\n    \u003ch2\u003eCentifolia : l'expertise française de la cosmétique botanique\u003c\/h2\u003e\n    \u003cdiv class=\"emr-testimonial\"\u003e\n      \u003cp class=\"emr-testimonial-text\"\u003eDepuis plus de 35 ans, Centifolia s'engage à créer des soins cosmétiques alliant efficacité et respect de la nature. La marque tire son nom de la rose Centifolia, la rose aux cent pétales cultivée à Grasse, symbole de son attachement aux trésors botaniques. Chaque produit est conçu et fabriqué en France, avec une attention particulière portée à la sélection des matières premières et à la réduction de l'empreinte écologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"emr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"emr-cta-box\"\u003e\n      \u003cp\u003e🌹 Offrez à votre peau la douceur de la rose Centifolia\u003cbr\u003eUn démaquillage efficace, naturel et respectueux\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"emr-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --emr-cream: #FFFBFC;\n  --emr-white: #ffffff;\n  --emr-primary: #E8B4B8;\n  --emr-primary-dark: #9C7579;\n  --emr-primary-light: #FDF5F6;\n  --emr-secondary: #C9A4A9;\n  --emr-accent: #7D9E7D;\n  --emr-text: #1a1a1a;\n  --emr-text-light: #5a5a5a;\n  --emr-border: #f0e6e7;\n  --emr-shadow: 0 4px 24px rgba(156,117,121,.08);\n  --emr-shadow-lg: 0 12px 48px rgba(156,117,121,.15);\n  --emr-radius: 20px;\n  --emr-radius-sm: 12px;\n}\n\n.emr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--emr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.emr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E8B4B8 0%, #D4A5A9 40%, #C9A4A9 70%, #B89599 100%);\n  border-radius: var(--emr-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(--emr-shadow-lg);\n}\n\n.emr-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 5c-2 4-6 8-10 8s-8-4-10-8c2 4 2 10 0 14 4-2 10-2 14 0-4-2-8-6-8-10s4-8 8-10c-4 2-8 2-10 0 2 2 6 4 10 4s8-2 10-4c-2 2-6 2-10 0 4 2 8 6 8 10s-4 8-8 10c4-2 10-2 14 0-2-4-2-10 0-14-2 4-6 8-10 8s-8-4-10-8' fill='%23ffffff' fill-opacity='0.08' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.emr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.emr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.emr-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(--emr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.emr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.emr-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.emr-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.emr-description {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n  text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.emr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.emr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--emr-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.emr-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(--emr-primary), var(--emr-secondary));\n  border-radius: 2px;\n}\n\n.emr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--emr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.emr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.emr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.emr-card {\n  background: var(--emr-white);\n  border-radius: var(--emr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--emr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.emr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--emr-shadow-lg);\n  border-color: var(--emr-primary);\n}\n\n.emr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--emr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.emr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--emr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.emr-card-highlight {\n  background: linear-gradient(135deg, var(--emr-white) 0%, var(--emr-primary-light) 100%);\n  border: 2px solid var(--emr-primary);\n}\n\n.emr-grid-compact .emr-card {\n  padding: 1rem;\n}\n\n.emr-grid-compact .emr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.emr-grid-compact .emr-card p {\n  font-size: 12px;\n}\n\n.emr-highlight-text {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--emr-primary-dark);\n  font-weight: 600;\n  margin-top: 1.5rem;\n  padding: 1rem 1.5rem;\n  background: var(--emr-primary-light);\n  border-radius: var(--emr-radius-sm);\n  border-left: 4px solid var(--emr-primary);\n}\n\n.emr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.emr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.emr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--emr-primary), var(--emr-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,180,184,.4);\n}\n\n.emr-timeline-content {\n  flex: 1;\n  background: var(--emr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--emr-radius-sm);\n  box-shadow: var(--emr-shadow);\n}\n\n.emr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--emr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.emr-timeline-content p {\n  font-size: 14px;\n  color: var(--emr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.emr-testimonial {\n  background: var(--emr-white);\n  border-radius: var(--emr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--emr-shadow);\n  border-left: 4px solid var(--emr-primary);\n}\n\n.emr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--emr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.emr-accordion {\n  background: var(--emr-white);\n  border-radius: var(--emr-radius);\n  box-shadow: var(--emr-shadow);\n  overflow: hidden;\n}\n\n.emr-accordion-item {\n  border-bottom: 1px solid var(--emr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.emr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.emr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--emr-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.emr-accordion-header:hover {\n  background: var(--emr-primary-light);\n}\n\n.emr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.emr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--emr-primary);\n  transition: transform .2s ease;\n}\n\n.emr-accordion-item[open] .emr-accordion-header::after {\n  content: '−';\n}\n\n.emr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--emr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.emr-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.emr-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.emr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--emr-primary-light);\n  border-radius: var(--emr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.emr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.emr-tip p {\n  font-size: 14px;\n  color: var(--emr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.emr-cta-box {\n  background: linear-gradient(135deg, var(--emr-primary) 0%, var(--emr-secondary) 50%, var(--emr-primary-dark) 100%);\n  border-radius: var(--emr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.emr-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.emr-disclaimer {\n  font-size: 12px;\n  color: var(--emr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .emr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .emr-card {\n    padding: 1.125rem;\n  }\n  \n  .emr-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .emr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--emr-radius-sm);\n  }\n  \n  .emr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .emr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .emr-grid-compact {\n    gap: .625rem;\n  }\n  \n  .emr-grid-compact .emr-card {\n    padding: .75rem;\n  }\n  \n  .emr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .emr-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .emr-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .emr-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .emr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .emr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .emr-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .emr-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .emr-tip {\n    padding: .875rem 1rem;\n    gap: .75rem;\n  }\n  \n  .emr-tip-icon {\n    font-size: 20px;\n  }\n  \n  .emr-tip p {\n    font-size: 13px;\n  }\n  \n  .emr-highlight-text {\n    font-size: 14px;\n    padding: .875rem 1rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .emr-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .emr-card:nth-child(1) { animation-delay: .05s; }\n  .emr-card:nth-child(2) { animation-delay: .1s; }\n  .emr-card:nth-child(3) { animation-delay: .15s; }\n  .emr-card:nth-child(4) { animation-delay: .2s; }\n  .emr-card:nth-child(5) { animation-delay: .25s; }\n  .emr-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  .emr-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":45755224522909,"sku":"CE0409","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-micellaire-eclat-de-rose-bio-500ml-centifolia-min.jpg?v=1732182559"},{"product_id":"eau-micellaire-pour-toute-la-famille-500-ml-centifolia","title":"Eau Micellaire Pour Toute La Famille - 500 ml - 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\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e💧 500 ml\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eEau Micellaire Centifolia\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eAu Ginkgo Biloba BIO • Visage \u0026amp; Yeux • Sans rinçage\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eUn nettoyant visage doux et efficace au Ginkgo Biloba BIO origine France. Avec 99 % d'ingrédients d'origine naturelle et une formule vegan, cette eau micellaire bio nettoie, démaquille et apaise la peau en un seul geste, pour toute la famille dès 3 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUne eau micellaire bio pensée pour toute la famille\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eCette eau micellaire au Ginkgo Biloba bio convient à \u003cstrong\u003etous les types de peaux, même les plus sensibles et réactives\u003c\/strong\u003e. Sa formule sans alcool, sans parfum et sans tensioactifs sulfatés en fait un nettoyant pour le visage particulièrement bien toléré, parfait pour le contour des yeux et la peau délicate des enfants. Vous cherchez un soin unique pour toute la maison ? Ce flacon de 500 ml répond à tous les besoins quotidiens.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eFormule respectueuse, sans dessèchement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux réactives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n        \u003cp\u003eAdaptée aux peaux délicates des enfants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e👁️ Visage \u0026amp; yeux\u003c\/h3\u003e\n        \u003cp\u003eUn soin tout-en-un, sans rinçage\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau micellaire Centifolia\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🧼 Nettoie en douceur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine maquillage, impuretés et excès de sébum sans agresser la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Apaise et tonifie\u003c\/h3\u003e\n        \u003cp\u003eLaisse une sensation de fraîcheur, sans tiraillement ni inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🛡️ Protège la barrière cutanée\u003c\/h3\u003e\n        \u003cp\u003eRespecte le pH naturel et l'équilibre du film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💄 Démaquille en un geste\u003c\/h3\u003e\n        \u003cp\u003eVisage et yeux nettoyés en profondeur, sans rinçage nécessaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eDes actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍃 Ginkgo Biloba BIO (origine France)\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés antioxydantes, il aide à protéger la peau des agressions extérieures et de la pollution.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Eau florale apaisante\u003c\/h3\u003e\n        \u003cp\u003eCalme les peaux sensibles et procure une sensation de confort immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 Tensioactifs doux d'origine végétale\u003c\/h3\u003e\n        \u003cp\u003eAssurent un nettoyage efficace tout en respectant 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\u003eComment utiliser cette eau micellaire ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eContrairement à un gel nettoyant pour le visage qui nécessite un rinçage, l'eau micellaire s'utilise simplement avec un coton ou un disque réutilisable.\u003c\/p\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\u003eImbibez votre coton\u003c\/h3\u003e\n          \u003cp\u003eImbibez généreusement un coton (ou disque réutilisable) d'eau micellaire.\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\u003ePassez délicatement sur la peau\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements doux sur le visage, le cou et le contour des yeux.\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\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eRépétez l'opération jusqu'à ce que le coton soit parfaitement propre.\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\u003eAucun rinçage nécessaire\u003c\/h3\u003e\n          \u003cp\u003eUtilisez matin et soir pour une peau fraîche et nette toute la journée.\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 un démaquillage waterproof, laissez poser le coton imbibé quelques secondes sur les yeux avant d'essuyer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cf-testimonial\"\u003e\n      \u003cp class=\"cf-testimonial-text\"\u003eAqua (Water), Coco-glucoside, Glyceryl oleate, Glycerin, \u003cstrong\u003eGinkgo Biloba leaf extract*\u003c\/strong\u003e, Sodium benzoate, Potassium sorbate, Citric acid.\u003cbr\u003e\u003cbr\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e99 % du total des ingrédients sont d'origine naturelle.\u003c\/strong\u003e Certifié Cosmos Organic. Formule vegan. Flacon recyclable et composé à 50 % de plastique recyclé.\u003c\/p\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 externe uniquement\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est réservé à un usage externe. Ne pas ingérer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eÉviter le contact direct avec les yeux ; en cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants sans surveillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cf-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 pathologie cutanée.\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    \u003ch2\u003ePourquoi choisir l'eau micellaire Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003eMarque française engagée depuis plus de 30 ans dans la cosméto-botanique, Centifolia propose une \u003cstrong\u003eeau micellaire bio\u003c\/strong\u003e qui allie efficacité, douceur et respect de l'environnement. Une vraie alternative naturelle aux nettoyants pour visage classiques, à adopter 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  --cf-cream: #f5f8f2;\n  --cf-white: #ffffff;\n  --cf-primary: #8bc34a;\n  --cf-primary-dark: #4a7c2e;\n  --cf-primary-light: #e8f3dc;\n  --cf-secondary: #6ba83a;\n  --cf-accent: #c8e6a0;\n  --cf-text: #1a2e15;\n  --cf-text-light: #5a6a52;\n  --cf-border: #e0e8d8;\n  --cf-shadow: 0 4px 24px rgba(74,124,46,.10);\n  --cf-shadow-lg: 0 12px 48px rgba(74,124,46,.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  line-height: 1.6;\n}\n\n.cf-premium *, .cf-premium *::before, .cf-premium *::after {\n  box-sizing: border-box;\n}\n\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8bc34a 0%, #6ba83a 50%, #4a7c2e 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 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\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, 19px);\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, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\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.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.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.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: 720px;\n  margin-left: auto;\n  margin-right: auto;\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(139,195,74,.35);\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(14px, 2.3vw, 16px);\n  color: var(--cf-text);\n  line-height: 1.8;\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}\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: 22px;\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.5rem;\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@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: 13.5px;\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":45755416641693,"sku":"CE0196","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-micellaire-pour-toute-la-famille-500-ml-centifolia-packshothd.webp?v=1777551422"},{"product_id":"lait-nettoyant-hydratant-pour-toute-la-famille-200ml-centifolia","title":"Lait Nettoyant Hydratant Pour Toute La Famille - 200ml - 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é Bio\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👨‍👩‍👧‍👦 Dès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eLait nettoyant hydratant pour toute la famille\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eUn soin nettoyant bio sans rinçage au Ginkgo Biloba français, pour un visage propre, hydraté et apaisé — de 3 à 99 ans.\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\u003eLait nettoyant hydratant visage Centifolia : un soin doux pour toute la famille\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003elait nettoyant hydratant visage\u003c\/strong\u003e capable de prendre soin de toute la famille en un seul geste ?\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n        \u003cp\u003eNettoie, démaquille et hydrate sans jamais agresser la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Sans rinçage\u003c\/h3\u003e\n        \u003cp\u003eUtilisable sans eau, idéal pour les routines express\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e👁️ Visage \u0026amp; yeux\u003c\/h3\u003e\n        \u003cp\u003eConvient au visage, aux yeux et au cou en un seul geste\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003ePour tous les types de peaux, même les plus sensibles, dès 3 ans\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\u003eUne formule bio enrichie en actifs végétaux d'exception\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eAu cœur de la formule, des actifs botaniques soigneusement sélectionnés pour nettoyer en douceur tout en nourrissant la peau.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Ginkgo Biloba bio français\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant, il protège la peau contre la pollution et le stress oxydatif tout en favorisant une \u003cstrong\u003ehydratation durable\u003c\/strong\u003e. Origine France.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio \u0026amp; équitable\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément et restaure le \u003cstrong\u003efilm hydrolipidique\u003c\/strong\u003e pour une peau souple et confortable après chaque nettoyage.\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\u003eCélèbre pour ses vertus \u003cstrong\u003eadoucissantes et rafraîchissantes\u003c\/strong\u003e, il complète la formule pour un confort absolu.\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\u003eEnsemble, ces actifs offrent un nettoyage tout en douceur qui laisse la peau souple, confortable et parfaitement démaquillée — \u003cstrong\u003emême face au maquillage waterproof\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePour qui est conçu ce lait nettoyant ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eUn lait véritablement familial, adapté aux enfants dès 3 ans comme aux adultes, hommes et femmes.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌺 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eLa formule sans alcool ni parfum synthétique \u003cstrong\u003erespecte les épidermes fragiles\u003c\/strong\u003e et apaise les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💦 Peaux sèches\u003c\/h3\u003e\n        \u003cp\u003eLes actifs nourrissants \u003cstrong\u003ecompensent le dessèchement\u003c\/strong\u003e et apportent un réel confort dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e⚖️ Peaux mixtes à normales\u003c\/h3\u003e\n        \u003cp\u003eLa texture légère ne surcharge pas la peau et l'aide à \u003cstrong\u003econserver son équilibre naturel\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComment utiliser ce lait nettoyant hydratant ?\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 le lait\u003c\/h3\u003e\n          \u003cp\u003eDéposez une petite quantité de lait \u003cstrong\u003ematin et\/ou soir\u003c\/strong\u003e sur le visage, les yeux et le cou, à l'aide d'un coton réutilisable ou du bout des doigts.\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\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des \u003cstrong\u003emouvements circulaires doux\u003c\/strong\u003e pour éliminer les impuretés, les traces de pollution et le maquillage.\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\u003ePas de rinçage nécessaire\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eAucun rinçage n'est nécessaire\u003c\/strong\u003e : essuyez délicatement l'excédent avec un coton ou un tissu doux.\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\u003ePoursuivez votre routine\u003c\/h3\u003e\n          \u003cp\u003eComplétez avec une \u003cstrong\u003elotion tonique ou un soin hydratant\u003c\/strong\u003e pour une routine beauté optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eDes engagements éthiques et écologiques forts\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-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=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n        \u003cp\u003eDont 32 % issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans toxiques\u003c\/h3\u003e\n        \u003cp\u003eSans phtalates, bisphénol A, ni parabènes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable, composé à 50 % de plastique recyclé\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 des actifs français\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Butyrospermum Parkii Butter*, Glycerin, Caprylic\/Capric Triglyceride, Cetearyl Alcohol, Aloe Barbadensis Leaf Juice Powder*, Ginkgo Biloba Leaf Extract*, Tocopherol, Glyceryl Stearate, Sodium Stearoyl Glutamate, Xanthan Gum, Benzyl Alcohol, Parfum, Sodium Benzoate, Potassium Sorbate, Citric Acid. \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\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003e🍃 Simplifiez le démaquillage de toute la famille avec une seule formule douce, bio et engagée — 200 ml de soin naturel certifié.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème cutané spécifique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f6f9f4;\n  --cf-white: #ffffff;\n  --cf-primary: #4a8c3f;\n  --cf-primary-dark: #2d5e24;\n  --cf-primary-light: #e8f3e5;\n  --cf-secondary: #7cb868;\n  --cf-accent: #a8d99c;\n  --cf-text: #1a1a1a;\n  --cf-text-light: #5a5a5a;\n  --cf-border: #dde8d9;\n  --cf-shadow: 0 4px 24px rgba(42, 94, 36, .08);\n  --cf-shadow-lg: 0 12px 48px rgba(42, 94, 36, .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}\n\n\/* === HERO === *\/\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d5e24 0%, #4a8c3f 45%, #7cb868 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,.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% 10%, rgba(168,217,156,.1) 0%, transparent 40%);\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.1;\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.cf-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.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 === *\/\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: 600px;\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}\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.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\/* === ACCORDÉON === *\/\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\/* === CTA === *\/\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}\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  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\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@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":53502898962809,"sku":"CE0011","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-nettoyant-hydratant-pour-toute-la-famille-200ml-centifo-packshothd.webp?v=1775897181"},{"product_id":"eau-micellaire-purifiante-500-ml-centifolia","title":"Eau Micellaire Purifiante - 500 ml - 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🌿 99% naturel\u003c\/span\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♻️ Flacon recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eEau Micellaire Purifiante\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eFraîcheur de Thé Vert · 500 ml\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eUne alternative bio et clean aux eaux micellaires classiques. Nettoie, démaquille et purifie en un seul geste, même le maquillage waterproof. Idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette eau micellaire bio ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eContrairement aux eaux micellaires classiques, la formule Centifolia mise sur la \u003cstrong\u003ecosméto-botanique\u003c\/strong\u003e : pas de tensioactifs agressifs, pas de parfum de synthèse, mais une vraie synergie d'actifs végétaux. Les micelles capturent les impuretés, l'excès de sébum et les résidus de pollution, tandis que les hydrolats apaisent et rééquilibrent l'épiderme.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Démaquille en profondeur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine maquillage du jour et waterproof, sans frotter ni agresser la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Resserre les pores\u003c\/h3\u003e\n        \u003cp\u003eLe Zinc PCA matifie le teint et limite l'apparition des imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Apaise \u0026amp; hydrate\u003c\/h3\u003e\n        \u003cp\u003eUne finition fraîche, jamais tirée, sans aucun film gras résiduel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e⏱️ Sans rinçage\u003c\/h3\u003e\n        \u003cp\u003eParfaite pour le matin ou les soirs pressés. Geste beauté en 30 secondes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau micellaire purifiante Centifolia\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eUne trilogie d'actifs botaniques sélectionnés pour purifier, hydrater et rééquilibrer les peaux mixtes à grasses au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍃 Thé Vert bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols antioxydants, il protège la peau des agressions extérieures et lui redonne de l'éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate intensément et apaise les sensations d'inconfort pour une peau confortable toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e⚡ Zinc PCA\u003c\/h3\u003e\n        \u003cp\u003eRégule la production de sébum, limite les brillances et resserre les pores pour un teint net.\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 l'eau micellaire 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\u003eImbibez un coton\u003c\/h3\u003e\n          \u003cp\u003eVersez généreusement le produit sur un coton ou une lingette réutilisable.\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\u003ePassez sur le visage, les yeux et les lèvres\u003c\/h3\u003e\n          \u003cp\u003eMatin et\/ou soir, en mouvements doux. Convient aussi aux yeux sensibles et porteurs de lentilles.\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\u003eMaquillage waterproof\u003c\/h3\u003e\n          \u003cp\u003eLaissez le coton poser quelques secondes sur les paupières, puis retirez en douceur.\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\u003eAucun rinçage nécessaire\u003c\/h3\u003e\n          \u003cp\u003eEnchaînez directement avec votre sérum ou votre crème habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003e\u003cstrong\u003eActifs principaux\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍵 Hydrolat de Thé Vert bio\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant et purifiant naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 Aloe Vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant et apaisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💎 Zinc PCA\u003c\/h3\u003e\n        \u003cp\u003eSéborégulateur, resserre les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"margin-top:1.5rem;\"\u003e\n      \u003cp class=\"cf-section-intro\"\u003e\u003cstrong\u003eCaractéristiques de la formule\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cdiv class=\"cf-grid-compact\"\u003e\n        \u003cdiv class=\"cf-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=\"cf-card\"\u003e\n          \u003ch3\u003e🌾 20% bio\u003c\/h3\u003e\n          \u003cp\u003eIssus de l'agriculture biologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cf-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=\"cf-card\"\u003e\n          \u003ch3\u003e🚫 Sans controversés\u003c\/h3\u003e\n          \u003cp\u003eNi paraben, sulfate, silicone ou parfum de synthèse.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cf-card\"\u003e\n          \u003ch3\u003e👁️ Testée ophtalmo\u003c\/h3\u003e\n          \u003cp\u003eEt dermatologiquement validée.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cf-card\"\u003e\n          \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n          \u003cp\u003eCosméto-botanique locale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eAvis et comparatif : Centifolia vs Bioderma, Avène, Nuxe\u003c\/h2\u003e\n    \u003cdiv class=\"cf-testimonial\"\u003e\n      \u003cp class=\"cf-testimonial-text\"\u003e\"Beaucoup de personnes hésitent entre les grandes marques de pharmacie et une option bio. Là où Bioderma, Avène ou Nuxe proposent des formules efficaces mais souvent enrichies en conservateurs synthétiques, Centifolia mise sur une \u003cstrong\u003ecomposition clean, bio et fabriquée en France\u003c\/strong\u003e. Pour celles et ceux qui souhaitent réduire leur exposition aux ingrédients controversés tout en gardant une efficacité prouvée, c'est une vraie alternative.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUn engagement écologique fort\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n        \u003cp\u003eFormat 500 ml entièrement recyclable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🔄 50% plastique recyclé\u003c\/h3\u003e\n        \u003cp\u003eIssu de filières de recyclage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans phtalate\u003c\/h3\u003e\n        \u003cp\u003eNi Bisphénol A. Garanti sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌍 Cosmétique durable\u003c\/h3\u003e\n        \u003cp\u003eÉthique, locale et responsable.\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    \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 précautions\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'usage externe. Évitez tout contact prolongé avec les yeux. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de pathologie de la peau. Demandez conseil à votre dermatologue si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f6f9f4;\n  --cf-white: #ffffff;\n  --cf-primary: #7ab87a;\n  --cf-primary-dark: #3d6e3d;\n  --cf-primary-light: #e8f3e4;\n  --cf-secondary: #a8d5a8;\n  --cf-accent: #d94a5e;\n  --cf-text: #1a2e1a;\n  --cf-text-light: #5a6a5a;\n  --cf-border: #dde6d9;\n  --cf-shadow: 0 4px 24px rgba(61,110,61,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(61,110,61,.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, #7ab87a 0%, #5a9c5a 50%, #3d6e3d 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: .15;\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(16px, 3vw, 22px);\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.2vw, 16px);\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: 720px;\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: var(--cf-shadow);\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  max-width: 860px;\n  margin: 0 auto;\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  max-width: 800px;\n  margin: 0 auto;\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: 22px;\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@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-grid-compact { gap: .625rem; }\n  .cf-grid-compact .cf-card { padding: .75rem; }\n  .cf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cf-timeline-content { padding: .875rem 1rem; }\n  .cf-timeline-content h3 { font-size: 14px; }\n  .cf-timeline-content p { font-size: 13px; }\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 { padding: 1.25rem; }\n  .cf-testimonial-text { font-size: 14px; }\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":53502899061113,"sku":"CE0414","price":8.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-micellaire-purifiante-500-ml-centifolia-packshothd.webp?v=1777551460"},{"product_id":"masque-nettoyant-visage-au-lait-de-chevre-huile-dargan","title":"Masque nettoyant visage au lait de Chèvre \u0026 Huile d'Argan","description":"\u003cdiv class=\"mqc-premium\"\u003e\n  \u003cdiv class=\"mqc-hero\"\u003e\n    \u003cdiv class=\"mqc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mqc-hero-content\"\u003e\n      \u003cdiv class=\"mqc-badges-top\"\u003e\n        \u003cspan class=\"mqc-badge\"\u003e🐐 Lait de Chèvre\u003c\/span\u003e\n        \u003cspan class=\"mqc-badge\"\u003e✨ 2-en-1\u003c\/span\u003e\n        \u003cspan class=\"mqc-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n        \u003cspan class=\"mqc-badge\"\u003e💧 Tous types de peau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mqc-hero-title\"\u003eMasque Nettoyant Visage Lait de Chèvre \u0026amp; Huile d'Argan\u003c\/span\u003e\n      \u003cp class=\"mqc-subtitle\"\u003eLe soin visage 2-en-1 doux, naturel et terriblement efficace\u003c\/p\u003e\n      \u003cp class=\"mqc-description\"\u003eSavon nettoyant et masque purifiant à la fois, ce petit trésor transforme votre routine beauté pour révéler une peau nette, apaisée et lumineuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mqc-section\"\u003e\n    \u003ch2\u003eUn masque nettoyant visage naturel, deux usages en un seul geste\u003c\/h2\u003e\n    \u003cp class=\"mqc-section-intro\"\u003eSa texture unique en fait un produit véritablement polyvalent. Au contact de l'eau, il libère une \u003cstrong\u003emousse onctueuse et délicate\u003c\/strong\u003e qui nettoie la peau en profondeur. Laissée quelques minutes sur le visage, cette même mousse se transforme en \u003cstrong\u003emasque doux et réparateur\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"mqc-grid-compact\"\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🧼 Mode nettoyant\u003c\/h3\u003e\n        \u003cp\u003eUne mousse onctueuse qui purifie en douceur au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e💆 Mode masque\u003c\/h3\u003e\n        \u003cp\u003eUn soin réparateur pour des pores désincrustés et un teint unifié\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mqc-tip\"\u003e\n      \u003cspan class=\"mqc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUne vraie alternative naturelle aux masques visage maison, sans les contraintes de préparation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mqc-section\"\u003e\n    \u003ch2\u003eLes bienfaits d'une formule riche en actifs naturels\u003c\/h2\u003e\n    \u003cdiv class=\"mqc-grid\"\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🐐 Lait de chèvre\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras, vitamines A et B, il hydrate intensément, apaise les rougeurs et aide à réguler le sébum. Idéal pour les peaux mixtes à grasses ou sujettes aux imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'argan\u003c\/h3\u003e\n        \u003cp\u003eVéritable « or liquide », elle nourrit en profondeur, restaure l'élasticité et protège la peau du dessèchement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🌳 Beurre de karité\u003c\/h3\u003e\n        \u003cp\u003eAssouplit et renforce la barrière cutanée pour une peau plus résistante aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n        \u003cp\u003eAux propriétés purifiantes, elle aide à préserver l'hydratation naturelle de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🍃 Huile essentielle d'eucalyptus\u003c\/h3\u003e\n        \u003cp\u003eTonifiante, elle apporte une sensation de fraîcheur immédiate et purifie en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mqc-section\"\u003e\n    \u003ch2\u003eComment utiliser ce masque nettoyant pour le visage ?\u003c\/h2\u003e\n    \u003cdiv class=\"mqc-timeline\"\u003e\n      \u003cdiv class=\"mqc-timeline-item\"\u003e\n        \u003cdiv class=\"mqc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mqc-timeline-content\"\u003e\n          \u003ch3\u003e🧼 En nettoyant quotidien\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez le savon, faites mousser entre vos mains puis massez délicatement le visage du bout des doigts. Laissez agir 30 secondes, puis rincez à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-timeline-item\"\u003e\n        \u003cdiv class=\"mqc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mqc-timeline-content\"\u003e\n          \u003ch3\u003e💆 En masque hebdomadaire\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une couche généreuse de mousse, laissez poser \u003cstrong\u003e5 minutes\u003c\/strong\u003e, puis rincez abondamment. À utiliser 1 à 2 fois par semaine pour un effet « peau neuve ».\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-timeline-item\"\u003e\n        \u003cdiv class=\"mqc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mqc-timeline-content\"\u003e\n          \u003ch3\u003e🌬️ Conservation du savon\u003c\/h3\u003e\n          \u003cp\u003eSéchez ensuite le savon à l'air libre pour préserver sa durée de vie et profiter longtemps de ses bienfaits.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mqc-section\"\u003e\n    \u003ch2\u003ePour qui ce masque visage nettoyant est-il fait ?\u003c\/h2\u003e\n    \u003cp class=\"mqc-section-intro\"\u003eCe soin s'adresse à toutes celles et ceux qui recherchent une \u003cstrong\u003esolution naturelle et efficace\u003c\/strong\u003e pour assainir leur peau, sans la dessécher.\u003c\/p\u003e\n    \u003cdiv class=\"mqc-grid-compact\"\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e👩 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eApaise les tiraillements et calme les rougeurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e👨 Peaux d'hommes\u003c\/h3\u003e\n        \u003cp\u003eIdéal avant ou après le rasage pour son effet apaisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e✨ Peaux à imperfections\u003c\/h3\u003e\n        \u003cp\u003eDésincruste les pores et régule le sébum en douceur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e💧 Peaux mixtes à grasses\u003c\/h3\u003e\n        \u003cp\u003eNettoie en profondeur sans dessécher l'épiderme\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mqc-section\"\u003e\n    \u003ch2\u003ePourquoi le choisir plutôt qu'un masque maison ?\u003c\/h2\u003e\n    \u003cdiv class=\"mqc-grid\"\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🔬 Formulation experte\u003c\/h3\u003e\n        \u003cp\u003eLes actifs sont dosés avec précision, contrairement aux recettes improvisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e🌱 Sans parabènes ni silicones\u003c\/h3\u003e\n        \u003cp\u003eRespectueux de votre peau et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e♻️ Pratique et durable\u003c\/h3\u003e\n        \u003cp\u003eUn seul produit pour nettoyer ET masquer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mqc-card\"\u003e\n        \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n        \u003cp\u003eSa formule concentrée dure plusieurs semaines d'utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mqc-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"mqc-testimonial\"\u003e\n      \u003cp class=\"mqc-testimonial-text\"\u003eLait de chèvre, huile d'argan, beurre de karité, huile de coco, huile essentielle d'eucalyptus, base savon saponifiée à froid.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mqc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mqc-accordion\"\u003e\n      \u003cdetails class=\"mqc-accordion-item\"\u003e\n        \u003csummary class=\"mqc-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"mqc-accordion-content mt-3\"\u003e\n          \u003cp\u003eÉvitez le contact avec les yeux. Réservé à un usage externe. Déconseillé aux femmes enceintes ou allaitantes en raison de la présence d'huile essentielle. En cas de réaction, suspendez l'utilisation. Ce produit cosmétique \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e ; consultez un professionnel de santé en cas de problème cutané persistant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mqc-accordion-item\"\u003e\n        \u003csummary class=\"mqc-accordion-header\"\u003e🧊 Conservation du produit\u003c\/summary\u003e\n        \u003cdiv class=\"mqc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez votre masque à l'abri de l'humidité entre deux utilisations. Séchez-le à l'air libre pour préserver toutes ses qualités et prolonger sa durée de vie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mqc-cream: #faf7f2;\n  --mqc-white: #ffffff;\n  --mqc-primary: #6b6b6b;\n  --mqc-primary-dark: #2a2a2a;\n  --mqc-primary-light: #f0ebe2;\n  --mqc-secondary: #c9b896;\n  --mqc-accent: #8a7355;\n  --mqc-text: #1a1a1a;\n  --mqc-text-light: #5a5a5a;\n  --mqc-border: #e8e2d5;\n  --mqc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mqc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mqc-radius: 20px;\n  --mqc-radius-sm: 12px;\n}\n\n.mqc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mqc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mqc-text);\n}\n\n.mqc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a2a2a 0%, #4a4541 50%, #8a7355 100%);\n  border-radius: var(--mqc-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(--mqc-shadow-lg);\n}\n\n.mqc-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%),\n                    radial-gradient(circle at 80% 70%, rgba(201,184,150,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.mqc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mqc-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.mqc-subtitle {\n  color: var(--mqc-secondary);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.mqc-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  margin: 0 auto;\n  max-width: 700px;\n}\n\n.mqc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mqc-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(--mqc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mqc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mqc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mqc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mqc-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.mqc-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(--mqc-primary-dark), var(--mqc-secondary));\n  border-radius: 2px;\n}\n\n.mqc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mqc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.mqc-card {\n  background: var(--mqc-white);\n  border-radius: var(--mqc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mqc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mqc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mqc-shadow-lg);\n  border-color: var(--mqc-secondary);\n}\n\n.mqc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mqc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mqc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mqc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mqc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mqc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mqc-grid-compact .mqc-card {\n  padding: 1rem;\n}\n\n.mqc-grid-compact .mqc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mqc-grid-compact .mqc-card p {\n  font-size: 12px;\n}\n\n.mqc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.mqc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mqc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mqc-primary-dark), var(--mqc-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(0,0,0,.15);\n}\n\n.mqc-timeline-content {\n  flex: 1;\n  background: var(--mqc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mqc-radius-sm);\n  box-shadow: var(--mqc-shadow);\n}\n\n.mqc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mqc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mqc-timeline-content p {\n  font-size: 14px;\n  color: var(--mqc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mqc-testimonial {\n  background: var(--mqc-white);\n  border-radius: var(--mqc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mqc-shadow);\n  border-left: 4px solid var(--mqc-accent);\n}\n\n.mqc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mqc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n  text-align: center;\n}\n\n.mqc-accordion {\n  background: var(--mqc-white);\n  border-radius: var(--mqc-radius);\n  box-shadow: var(--mqc-shadow);\n  overflow: hidden;\n}\n\n.mqc-accordion-item {\n  border-bottom: 1px solid var(--mqc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mqc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mqc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mqc-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.mqc-accordion-header:hover {\n  background: var(--mqc-primary-light);\n}\n\n.mqc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mqc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mqc-accent);\n  transition: transform .2s ease;\n}\n\n.mqc-accordion-item[open] .mqc-accordion-header::after {\n  content: '−';\n}\n\n.mqc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mqc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mqc-accordion-content p {\n  margin: 0;\n}\n\n.mqc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mqc-primary-light);\n  border-radius: var(--mqc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mqc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mqc-tip p {\n  font-size: 14px;\n  color: var(--mqc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .mqc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .mqc-card {\n    padding: 1.125rem;\n  }\n  .mqc-section {\n    margin-bottom: 1.75rem;\n  }\n  .mqc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mqc-radius-sm);\n  }\n  .mqc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .mqc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .mqc-grid-compact {\n    gap: .625rem;\n  }\n  .mqc-grid-compact .mqc-card {\n    padding: .75rem;\n  }\n  .mqc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .mqc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .mqc-timeline-content h3 {\n    font-size: 14px;\n  }\n  .mqc-timeline-content p {\n    font-size: 13px;\n  }\n  .mqc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .mqc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .mqc-testimonial {\n    padding: 1.25rem;\n  }\n  .mqc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mqc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mqc-card:nth-child(1) { animation-delay: .05s; }\n  .mqc-card:nth-child(2) { animation-delay: .1s; }\n  .mqc-card:nth-child(3) { animation-delay: .15s; }\n  .mqc-card:nth-child(4) { animation-delay: .2s; }\n  .mqc-card:nth-child(5) { animation-delay: .25s; }\n  .mqc-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  .mqc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":54912179995001,"sku":"MASQUECHEVRE","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-nettoyant-visage-au-lait-de-chevre-huile-dargan-packshothd.webp?v=1788529417"},{"product_id":"eau-florale-feuille-olivier-najel","title":"Eau tonique de Feuille d'Olivier bio - 200 ml - Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"nj-hero\"\u003e\n    \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nj-hero-content\"\u003e\n      \u003cdiv class=\"nj-badges-top\"\u003e\n        \u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"nj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"nj-badge\"\u003e🏆 Yuka 100\/100\u003c\/span\u003e\n        \u003cspan class=\"nj-badge\"\u003e🍃 +99 % naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"nj-hero-title\"\u003eEau tonique de feuille d'olivier bio\u003c\/span\u003e\n      \u003cp class=\"nj-subtitle\"\u003eNajel Méditerranée — 200 ml\u003c\/p\u003e\n      \u003cp class=\"nj-description\"\u003eUn soin nettoyant antioxydant d'exception, inspiré des rituels de beauté méditerranéens, pour les peaux délicates et sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003eEau nettoyante aux feuilles d'olivier bio Najel – Soin antioxydant pour peaux délicates\u003c\/h2\u003e\n    \u003cp class=\"nj-section-intro\"\u003eVous cherchez une eau nettoyante douce, naturelle et vraiment respectueuse de votre peau ?\u003c\/p\u003e\n    \u003cdiv class=\"nj-grid-compact\"\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🍃 +99 % naturel\u003c\/h3\u003e\n        \u003cp\u003eIngrédients d'origine naturelle pour une formule ultra-pure et respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eCertification bio exigeante, gage de qualité et de traçabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriquée en France avec un savoir-faire artisanal méditerranéen.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🏆 Yuka 100\/100\u003c\/h3\u003e\n        \u003cp\u003eUn score parfait qui témoigne d'une composition irréprochable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une eau nettoyante aux feuilles d'olivier ?\u003c\/h2\u003e\n    \u003cdiv class=\"nj-testimonial\"\u003e\n      \u003cp class=\"nj-testimonial-text\"\u003eLa feuille d'olivier (\u003cem\u003eOlea europaea\u003c\/em\u003e) est un trésor de la Méditerranée encore trop méconnu en cosmétique. Naturellement riche en \u003cstrong\u003epolyphénols et en oleuropéine\u003c\/strong\u003e, elle offre une action antioxydante remarquable qui aide à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nj-tip\"\u003e\n      \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement aux eaux micellaires classiques souvent chargées en tensioactifs synthétiques, cette eau nettoyante bio respecte le film hydrolipidique de votre peau tout en la débarrassant efficacement des impuretés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"nj-grid\"\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🧴 Nettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine maquillage, pollution et excès de sébum sans assécher ni tirailler, même sur les peaux les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLes actifs issus des feuilles d'olivier aident à neutraliser les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🌸 Apaisement des peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eCalme les rougeurs, les irritations et les inconforts liés aux agressions quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n        \u003cp\u003eLa peau est fraîche, lumineuse et tonifiée dès la première utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n        \u003cp\u003eNe perturbe pas l'équilibre naturel de l'épiderme, laissant la peau souple et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003eComment utiliser cette eau nettoyante bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"nj-timeline\"\u003e\n      \u003cdiv class=\"nj-timeline-item\"\u003e\n        \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"nj-timeline-content\"\u003e\n          \u003ch3\u003eImbibez un coton\u003c\/h3\u003e\n          \u003cp\u003eImbibez généreusement un coton réutilisable ou un disque de coton avec l'eau nettoyante aux feuilles d'olivier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-timeline-item\"\u003e\n        \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"nj-timeline-content\"\u003e\n          \u003ch3\u003ePassez délicatement sur le visage\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur l'ensemble du visage, le cou et le contour des yeux en mouvements doux et circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-timeline-item\"\u003e\n        \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"nj-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez l'opération jusqu'à ce que le coton soit propre pour un nettoyage parfait.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n        \u003cp\u003eÉlimine les impuretés de la nuit et prépare la peau à recevoir votre sérum ou crème de jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n        \u003cp\u003eEn première ou seconde étape de démaquillage pour une peau parfaitement nette avant votre soin de nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nj-tip\"\u003e\n      \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eVous pouvez aussi la vaporiser directement sur le visage comme brume tonifiante au fil de la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003eUne composition clean et transparente\u003c\/h2\u003e\n    \u003cp class=\"nj-section-intro\"\u003eLa formule de cette eau nettoyante Najel est minimaliste et exigeante. Certifiée bio COSMOS Organic, elle contient plus de 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"nj-grid-compact\"\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eAucun alcool asséchant pour préserver le confort de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🚫 Sans parfum synthétique\u003c\/h3\u003e\n        \u003cp\u003eZéro parfum de synthèse ni fragrance artificielle ajoutée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🚫 Sans parabène\u003c\/h3\u003e\n        \u003cp\u003eFormule saine, sans conservateur controversé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nj-card\"\u003e\n        \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n        \u003cp\u003eAucun colorant artificiel pour une tolérance maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nj-tip\"\u003e\n      \u003cspan class=\"nj-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eUn soin que vous pouvez adopter en toute confiance, y compris si votre peau ne tolère pas les cosmétiques conventionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003eCe qui distingue Najel\u003c\/h2\u003e\n    \u003cdiv class=\"nj-testimonial\"\u003e\n      \u003cp class=\"nj-testimonial-text\"\u003eNajel est une maison familiale fondée à Alep, aujourd'hui installée en France, qui perpétue un savoir-faire ancestral autour de l'olivier. Chaque produit est élaboré avec une \u003cstrong\u003eexigence de naturalité et de traçabilité\u003c\/strong\u003e qui fait la réputation de la marque. Cette eau nettoyante s'inscrit dans la gamme \u003cstrong\u003eNajel Méditerranée\u003c\/strong\u003e, inspirée des rituels de beauté méditerranéens transmis de génération en génération.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"nj-section\"\u003e\n    \u003ch2\u003eEn résumé\u003c\/h2\u003e\n    \u003cdiv class=\"nj-accordion\"\u003e\n      \u003cdetails class=\"nj-accordion-item\" open\u003e\n        \u003csummary class=\"nj-accordion-header\"\u003e📋 Fiche récapitulative\u003c\/summary\u003e\n        \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n          \u003cdiv class=\"nj-grid-compact\"\u003e\n            \u003cdiv class=\"nj-card\"\u003e\n              \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n              \u003cp\u003e200 ml\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"nj-card\"\u003e\n              \u003ch3\u003e🧬 Type de peau\u003c\/h3\u003e\n              \u003cp\u003ePeaux délicates, sensibles, réactives\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"nj-card\"\u003e\n              \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n              \u003cp\u003eCOSMOS Organic\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"nj-card\"\u003e\n              \u003ch3\u003e🍃 Origine naturelle\u003c\/h3\u003e\n              \u003cp\u003e+99 %\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"nj-card\"\u003e\n              \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n              \u003cp\u003eFabriqué en France\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"nj-card\"\u003e\n              \u003ch3\u003e🏆 Score Yuka\u003c\/h3\u003e\n              \u003cp\u003e100\/100\u003c\/p\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\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"nj-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre peau la douceur et la protection antioxydante des feuilles d'olivier bio — un geste de beauté méditerranéen, simple, pur et efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --nj-cream: #f5f3ef;\n  --nj-white: #ffffff;\n  --nj-primary: #7a9a7e;\n  --nj-primary-dark: #3d5a40;\n  --nj-primary-light: #e8f0e9;\n  --nj-secondary: #a8b88c;\n  --nj-accent: #c4a96a;\n  --nj-text: #1a1a1a;\n  --nj-text-light: #5a5a5a;\n  --nj-border: #dde4dd;\n  --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --nj-radius: 20px;\n  --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--nj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5a40 0%, #7a9a7e 50%, #a8b88c 100%);\n  border-radius: var(--nj-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(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.nj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.nj-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.nj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.nj-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\/* === BADGES === *\/\n.nj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.nj-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(--nj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.nj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--nj-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.nj-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(--nj-primary), var(--nj-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n  background: var(--nj-white);\n  border-radius: var(--nj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--nj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.nj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--nj-shadow-lg);\n  border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--nj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.nj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--nj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.nj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n  padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.nj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.nj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--nj-primary), var(--nj-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.nj-timeline-content {\n  flex: 1;\n  background: var(--nj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--nj-radius-sm);\n  box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--nj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n  font-size: 14px;\n  color: var(--nj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n  background: var(--nj-white);\n  border-radius: var(--nj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--nj-shadow);\n  border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nj-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n  background: var(--nj-white);\n  border-radius: var(--nj-radius);\n  box-shadow: var(--nj-shadow);\n  overflow: hidden;\n}\n\n.nj-accordion-item {\n  border-bottom: 1px solid var(--nj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.nj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.nj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--nj-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.nj-accordion-header:hover {\n  background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.nj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--nj-primary);\n  transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n  content: '−';\n}\n\n.nj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--nj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.nj-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--nj-primary-light);\n  border-radius: var(--nj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.nj-tip p {\n  font-size: 14px;\n  color: var(--nj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n  background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n  border-radius: var(--nj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.nj-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.nj-disclaimer {\n  font-size: 12px;\n  color: var(--nj-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .nj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .nj-card {\n    padding: 1.125rem;\n  }\n\n  .nj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .nj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--nj-radius-sm);\n  }\n\n  .nj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .nj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .nj-grid-compact {\n    gap: .625rem;\n  }\n\n  .nj-grid-compact .nj-card {\n    padding: .75rem;\n  }\n\n  .nj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .nj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .nj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .nj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .nj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .nj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .nj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .nj-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .nj-card {\n    animation: njFadeInUp .5s ease backwards;\n  }\n  .nj-card:nth-child(1) { animation-delay: .05s; }\n  .nj-card:nth-child(2) { animation-delay: .1s; }\n  .nj-card:nth-child(3) { animation-delay: .15s; }\n  .nj-card:nth-child(4) { animation-delay: .2s; }\n  .nj-card:nth-child(5) { animation-delay: .25s; }\n  .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\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  .nj-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":54937503629689,"sku":"NJ0275","price":12.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-tonique-de-feuille-dolivier-bio-200-ml-najel-ingredients.webp?v=1772881476"},{"product_id":"lait-dermo-nettoyant-demaquillant-neutre-bio-200-ml-centifolia","title":"Lait Dermo-Nettoyant Démaquillant Neutre Bio - 200 ml - 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é Bio\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🧬 Actif prébiotique\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eLait Dermo-Nettoyant Démaquillant Neutre Bio\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eCentifolia — 200 ml\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eLe soin démaquillant prébiotique haute tolérance pour les peaux sensibles, réactives et à tendance atopique. Toute la famille, dès la naissance.\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\u003eLait démaquillant bio haute tolérance pour peaux sensibles et atopiques\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eUn nettoyage en profondeur sans jamais agresser, même les peaux les plus fragiles.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🧴 Visage, yeux, lèvres\u003c\/h3\u003e\n        \u003cp\u003ePrend soin de chaque zone avec une douceur remarquable\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 dès la naissance pour bébé et toute la famille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🧬 Actif prébiotique\u003c\/h3\u003e\n        \u003cp\u003eAgit sur l'équilibre du microbiote cutané pour renforcer la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule certifiée bio, sans parfum et vegan\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\u003eContrairement aux laits démaquillants classiques, cette formule bio intègre un actif prébiotique qui renforce la barrière cutanée au lieu de simplement nettoyer. Un vrai plus pour les peaux fragilisées.\u003c\/p\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 démaquillant lait prébiotique ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eLes peaux atopiques et réactives méritent des soins pensés pour elles. Voici ce qui rend cette formule unique :\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n        \u003ch3\u003e🧬 Alpha-Glucan Oligosaccharide\u003c\/h3\u003e\n        \u003cp class=\"cf-card-tag\"\u003ePrébiotique\u003c\/p\u003e\n        \u003cp\u003eNourrit les bonnes bactéries de votre peau pour renforcer la barrière cutanée et limiter les sensations d'inconfort au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n        \u003ch3\u003e🔬 Polysaccharide actif\u003c\/h3\u003e\n        \u003cp class=\"cf-card-tag\"\u003eRhamnose, glucose, acide glucuronique\u003c\/p\u003e\n        \u003cp\u003eUn complexe qui hydrate intensément, apaise les irritations et réduit les rougeurs visibles.\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 class=\"cf-card-tag\"\u003eApaisant \u0026amp; hydratant\u003c\/p\u003e\n        \u003cp\u003eReconnu pour ses vertus apaisantes et hydratantes, il calme les peaux échauffées après le démaquillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n        \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n        \u003cp class=\"cf-card-tag\"\u003eNourrissant \u0026amp; démaquillant\u003c\/p\u003e\n        \u003cp\u003eRiche en acides gras essentiels, elle nourrit et adoucit la peau tout en dissolvant efficacement le maquillage, même waterproof.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-result-box\"\u003e\n      \u003cp\u003e✨ Le résultat ? Une peau \u003cstrong\u003epropre, souple et confortable\u003c\/strong\u003e, sans tiraillements ni résidus gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\" open\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Helianthus Annuus Seed Oil*, Coco-Caprylate\/Caprate, Cetyl Alcohol, Glycerin, Dicaprylyl Carbonate, Glyceryl Stearate Citrate, Alpha-Glucan Oligosaccharide, Propanediol, Aloe Barbadensis Leaf Juice Powder*, Rhamnose, Glucose, Glucuronic Acid, Xanthan Gum, Glyceryl Caprylate, Sodium Citrate, Triethyl Citrate, P-Anisic Acid, Citric Acid, Tocopherol.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. 99 % du total est d'origine naturelle. 20 % 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\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComment utiliser ce lait dermo-nettoyant ?\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 le lait\u003c\/h3\u003e\n          \u003cp\u003eMatin et\/ou soir, déposez le lait sur un coton ou directement du bout des doigts.\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\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eParcourez le visage, le contour des yeux, les lèvres et le cou en effectuant de légers mouvements circulaires.\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\u003eNe rincez pas\u003c\/h3\u003e\n          \u003cp\u003eLe film protecteur laissé sur la peau prolonge l'hydratation et préserve sa douceur tout au long de la journée.\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\u003ePour un démaquillage du maquillage waterproof, laissez le produit agir quelques secondes sur les paupières closes avant d'essuyer délicatement avec un coton.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eLes engagements Centifolia\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n        \u003cp\u003eCertifié par Ecocert Greenlife\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les peaux intolérantes et les nourrissons\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eNon testée sur les animaux\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, emballage recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e👶 Dès la naissance\u003c\/h3\u003e\n        \u003cp\u003eParfait pour nettoyer le visage de bébé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n        \u003cp\u003e20 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\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\u003eÀ qui s'adresse ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eFormulé spécifiquement pour les peaux qui réagissent aux soins conventionnels et aux agressions du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🩹 Peaux à tendance atopique\u003c\/h3\u003e\n        \u003cp\u003eL'actif prébiotique renforce la barrière cutanée et apaise les sensations d'inconfort liées à l'atopie.\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 produit unique, sans parfum et à la composition transparente, adapté des nourrissons aux adultes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de dermatite atopique sévère ou d'allergie connue, consultez votre dermatologue avant utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f4f8fb;\n  --cf-white: #ffffff;\n  --cf-primary: #4fa8c9;\n  --cf-primary-dark: #2a7a9b;\n  --cf-primary-light: #e8f4f8;\n  --cf-secondary: #e84b72;\n  --cf-accent: #56c4a0;\n  --cf-text: #1a1a1a;\n  --cf-text-light: #5a6b7a;\n  --cf-border: #dde8ee;\n  --cf-shadow: 0 4px 24px rgba(42, 122, 155, .08);\n  --cf-shadow-lg: 0 12px 48px rgba(42, 122, 155, .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}\n\n\/* === HERO === *\/\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a7a9b 0%, #4fa8c9 40%, #7ec8db 70%, #56c4a0 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: 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              radial-gradient(circle at 50% 10%, rgba(255,255,255,.08) 0%, transparent 60%);\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(16px, 3vw, 20px);\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,.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\/* === 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-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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: 600px;\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\/* === CARD INGREDIENT VARIANT === *\/\n.cf-card-ingredient .cf-card-tag {\n  display: inline-block;\n  background: var(--cf-primary-light);\n  color: var(--cf-primary-dark);\n  font-size: 11px;\n  font-weight: 700;\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n  text-transform: uppercase;\n  letter-spacing: .03em;\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.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-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.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\/* === RESULT BOX === *\/\n.cf-result-box {\n  background: linear-gradient(135deg, var(--cf-primary-light), #e0f5ed);\n  border-radius: var(--cf-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.25rem;\n  text-align: center;\n  border: 2px solid var(--cf-accent);\n}\n\n.cf-result-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text);\n  margin: 0;\n  font-weight: 600;\n  line-height: 1.6;\n}\n\n.cf-result-box strong {\n  color: var(--cf-primary-dark);\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\/* === ACCORDÉON === *\/\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 0 .5rem 0;\n}\n\n.cf-accordion-content p:last-child {\n  margin-bottom: 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: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\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-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  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cf-result-box {\n    padding: 1rem;\n  }\n\n  .cf-result-box p {\n    font-size: 14px;\n  }\n\n  .cf-tip {\n    padding: .875rem 1rem;\n  }\n\n  .cf-tip-icon {\n    font-size: 20px;\n  }\n\n  .cf-tip 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":55208450130297,"sku":"CE0600","price":11.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-dermo-nettoyant-demaquillant-neutre-bio-200-ml-centifol-packshothd.webp?v=1775825256"},{"product_id":"lotion-micellaire-bio-puraloe","title":"Lotion Micellaire Bio 76% Aloé Vera - 250ml - Pur'Aloé","description":"\u003cdiv class=\"pa-premium\"\u003e\n  \u003cdiv class=\"pa-hero\"\u003e\n    \u003cdiv class=\"pa-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pa-hero-content\"\u003e\n      \u003cdiv class=\"pa-badges-top\"\u003e\n        \u003cspan class=\"pa-badge\"\u003e🌿 76% Aloe Vera Natif\u003c\/span\u003e\n        \u003cspan class=\"pa-badge\"\u003e✅ Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"pa-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"pa-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pa-hero-title\"\u003eLotion Micellaire Bio Pur'Aloé\u003c\/span\u003e\n      \u003cp class=\"pa-subtitle\"\u003eNettoie · Démaquille · Apaise en un seul geste\u003c\/p\u003e\n      \u003cp class=\"pa-description\"\u003eUne lotion micellaire ultra-concentrée en jus d'Aloe Vera natif bio et enrichie en eau florale de bleuet. Respecte les peaux les plus sensibles et réactives, sans alcool ni parfum de synthèse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pa-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette lotion micellaire ?\u003c\/h2\u003e\n    \u003cp class=\"pa-section-intro\"\u003eContrairement à de nombreuses eaux micellaires classiques (type \u003cstrong\u003eAvène\u003c\/strong\u003e ou \u003cstrong\u003eBlephasol\u003c\/strong\u003e) qui reposent majoritairement sur de l'eau, Pur'Aloé a fait le choix d'une base ultra concentrée en \u003cstrong\u003ejus d'Aloe Vera frais\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cp class=\"pa-section-intro\"\u003eRésultat : un démaquillant à l'eau micellaire vraiment hydratant, qui laisse la peau souple et confortable, sans film gras ni tiraillement. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, vegan et fabriquée en Provence, elle contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e dont \u003cstrong\u003e80 % issus de l'agriculture biologique\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"pa-grid-compact\"\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e💧 76%\u003c\/h3\u003e\n        \u003cp\u003eJus d'Aloe Vera natif bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-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=\"pa-card\"\u003e\n        \u003ch3\u003e🌾 80%\u003c\/h3\u003e\n        \u003cp\u003eIssus de l'agriculture bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e🚫 0%\u003c\/h3\u003e\n        \u003cp\u003eAlcool, parfum de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pa-section\"\u003e\n    \u003ch2\u003eIngrédients actifs et bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"pa-grid\"\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera bio (76 %)\u003c\/h3\u003e\n        \u003cp\u003eHydrate intensément, apaise les rougeurs et favorise la régénération cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e🌸 Eau florale de bleuet bio\u003c\/h3\u003e\n        \u003cp\u003eDécongestionne, rafraîchit le contour des yeux et adoucit les peaux fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e🧼 Caprylyl\/Capryl Glucoside\u003c\/h3\u003e\n        \u003cp\u003eTensioactif doux d'origine végétale : élimine maquillage et impuretés sans agresser la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e✨ Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant naturel qui ravive l'éclat du teint jour après jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pa-section\"\u003e\n    \u003ch2\u003eEau micellaire ou lait démaquillant : lequel choisir ?\u003c\/h2\u003e\n    \u003cp class=\"pa-section-intro\"\u003eLa question revient souvent : \u003cstrong\u003elait démaquillant ou eau micellaire\u003c\/strong\u003e ? Le lait convient aux peaux très sèches car il est riche et nourrissant, mais il nécessite un rinçage. L'\u003cstrong\u003eeau micellaire démaquillant\u003c\/strong\u003e, elle, s'utilise sans rinçage et capture les impuretés grâce à ses micelles.\u003c\/p\u003e\n    \u003cdiv class=\"pa-tip\"\u003e\n      \u003cspan class=\"pa-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLa lotion Pur'Aloé combine le meilleur des deux mondes : \u003cstrong\u003el'efficacité d'une eau micellaire et le confort d'un soin hydratant\u003c\/strong\u003e, grâce à sa forte teneur en Aloe Vera.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pa-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"pa-timeline\"\u003e\n      \u003cdiv class=\"pa-timeline-item\"\u003e\n        \u003cdiv class=\"pa-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pa-timeline-content\"\u003e\n          \u003ch3\u003e🧴 Imbibez\u003c\/h3\u003e\n          \u003cp\u003eImbibez un coton réutilisable de lotion micellaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-timeline-item\"\u003e\n        \u003cdiv class=\"pa-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pa-timeline-content\"\u003e\n          \u003ch3\u003e💆‍♀️ Appliquez\u003c\/h3\u003e\n          \u003cp\u003ePassez-le délicatement sur le visage, le cou et les yeux en mouvements circulaires, matin et soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-timeline-item\"\u003e\n        \u003cdiv class=\"pa-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pa-timeline-content\"\u003e\n          \u003ch3\u003e✨ Savourez\u003c\/h3\u003e\n          \u003cp\u003eAucun rinçage nécessaire. En cas de contact avec les yeux, rincez à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-tip\"\u003e\n      \u003cspan class=\"pa-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003ePour un soin complet, associez-la à la \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/creme-visage-intense-certifiee-bio-50ml-puraloe\" target=\"_blank\"\u003e\u003cstrong\u003eCrème Visage Intense Pur'Aloé\u003c\/strong\u003e\u003c\/a\u003e : la lotion purifie, la crème hydrate et raffermit.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pa-section\"\u003e\n    \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"pa-grid\"\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux réactives ou sujettes aux rougeurs grâce à sa formule ultra-douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e👁️ Yeux fatigués\u003c\/h3\u003e\n        \u003cp\u003eLe bleuet apaisant décongestionne le contour des yeux et redonne de l'éclat au regard.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pa-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui cherchent une lotion micellaire bio efficace, sans alcool ni parfum de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pa-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"pa-testimonial\"\u003e\n      \u003cp class=\"pa-testimonial-text\"\u003eAloe Barbadensis Leaf Juice* (76 %), Aqua, Centaurea Cyanus Flower Water*, Glycerin, Caprylyl\/Capryl Glucoside, Sodium Benzoate, Potassium Sorbate, Citric Acid, Ascorbic Acid, Sodium Phytate, Parfum naturel.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003eContenance : \u003cstrong\u003e250 ml\u003c\/strong\u003e · Fabriqué en Provence, France 🇫🇷\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pa-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eAvis et précautions\u003c\/h2\u003e\n    \u003cp class=\"pa-section-intro\"\u003eLes utilisatrices apprécient la \u003cstrong\u003esensation de fraîcheur immédiate\u003c\/strong\u003e et l'absence de tiraillement après démaquillage.\u003c\/p\u003e\n    \u003cdiv class=\"pa-accordion\"\u003e\n      \u003cdetails class=\"pa-accordion-item\"\u003e\n        \u003csummary class=\"pa-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pa-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique 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\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pa-accordion-item\"\u003e\n        \u003csummary class=\"pa-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pa-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la lumière et utilisez de préférence dans les 6 mois après ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pa-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pa-cream: #f7f4ee;\n  --pa-white: #ffffff;\n  --pa-primary: #5a8a4e;\n  --pa-primary-dark: #2f5a2f;\n  --pa-primary-light: #e8f0e0;\n  --pa-secondary: #c9a4b8;\n  --pa-accent: #d4a574;\n  --pa-text: #1f2a1f;\n  --pa-text-light: #5a6158;\n  --pa-border: #e0ddd4;\n  --pa-shadow: 0 4px 24px rgba(47,90,47,.08);\n  --pa-shadow-lg: 0 12px 48px rgba(47,90,47,.15);\n  --pa-radius: 20px;\n  --pa-radius-sm: 12px;\n}\n\n.pa-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pa-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pa-text);\n  line-height: 1.6;\n}\n\n.pa-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2f5a2f 0%, #5a8a4e 50%, #8ab37a 100%);\n  border-radius: var(--pa-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(--pa-shadow-lg);\n}\n\n.pa-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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.pa-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pa-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.pa-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.pa-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.pa-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pa-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(--pa-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pa-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pa-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pa-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pa-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.pa-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(--pa-primary), var(--pa-secondary));\n  border-radius: 2px;\n}\n\n.pa-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pa-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 780px;\n  line-height: 1.7;\n}\n\n.pa-section-intro strong {\n  color: var(--pa-primary-dark);\n}\n\n.pa-card {\n  background: var(--pa-white);\n  border-radius: var(--pa-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pa-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pa-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pa-shadow-lg);\n  border-color: var(--pa-primary);\n}\n\n.pa-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pa-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pa-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pa-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pa-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pa-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n}\n\n.pa-grid-compact .pa-card {\n  padding: 1.25rem 1rem;\n}\n\n.pa-grid-compact .pa-card h3 {\n  font-size: clamp(20px, 3vw, 28px);\n  font-weight: 900;\n  color: var(--pa-primary);\n  margin-bottom: .35rem;\n}\n\n.pa-grid-compact .pa-card p {\n  font-size: 13px;\n}\n\n.pa-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.pa-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pa-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--pa-primary), var(--pa-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: 18px;\n  box-shadow: 0 4px 12px rgba(47,90,47,.3);\n}\n\n.pa-timeline-content {\n  flex: 1;\n  background: var(--pa-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pa-radius-sm);\n  box-shadow: var(--pa-shadow);\n}\n\n.pa-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pa-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pa-timeline-content p {\n  font-size: 14px;\n  color: var(--pa-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pa-testimonial {\n  background: var(--pa-white);\n  border-radius: var(--pa-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pa-shadow);\n  border-left: 4px solid var(--pa-primary);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.pa-testimonial-text {\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--pa-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.pa-accordion {\n  background: var(--pa-white);\n  border-radius: var(--pa-radius);\n  box-shadow: var(--pa-shadow);\n  overflow: hidden;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.pa-accordion-item {\n  border-bottom: 1px solid var(--pa-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pa-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pa-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pa-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.pa-accordion-header:hover {\n  background: var(--pa-primary-light);\n}\n\n.pa-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pa-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--pa-primary);\n  transition: transform .2s ease;\n}\n\n.pa-accordion-item[open] .pa-accordion-header::after {\n  content: '−';\n}\n\n.pa-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pa-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pa-accordion-content p {\n  margin: 0;\n}\n\n.pa-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pa-primary-light);\n  border-radius: var(--pa-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pa-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pa-tip p {\n  font-size: 14px;\n  color: var(--pa-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pa-tip a {\n  color: var(--pa-primary-dark);\n  text-decoration: underline;\n}\n\n.pa-disclaimer {\n  font-size: 12px;\n  color: var(--pa-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .pa-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pa-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .pa-grid-compact .pa-card {\n    padding: 1rem .75rem;\n  }\n  .pa-card {\n    padding: 1.125rem;\n  }\n  .pa-section {\n    margin-bottom: 1.75rem;\n  }\n  .pa-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pa-radius-sm);\n  }\n  .pa-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pa-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pa-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  .pa-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pa-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pa-timeline-content p {\n    font-size: 13px;\n  }\n  .pa-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pa-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .pa-testimonial {\n    padding: 1.25rem;\n  }\n  .pa-testimonial-text {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pa-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pa-card:nth-child(1) { animation-delay: .05s; }\n  .pa-card:nth-child(2) { animation-delay: .1s; }\n  .pa-card:nth-child(3) { animation-delay: .15s; }\n  .pa-card:nth-child(4) { animation-delay: .2s; }\n  .pa-card:nth-child(5) { animation-delay: .25s; }\n  .pa-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  .pa-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Pur'Aloé","offers":[{"title":"Default Title","offer_id":55208705065337,"sku":"PU0080","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lotion-micellaire-bio-76-aloe-vera-250ml-puraloe-packshothd_a6e3597d-50b1-4f94-b807-4571ed72fc3b.webp?v=1785496426"},{"product_id":"silaclean-lotion-demaquillante-200-ml-labo-sante-silice","title":"Silaclean lotion démaquillante - 200 ml - Labo Santé Silice","description":"\u003cdiv class=\"sc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sc-hero\"\u003e\n    \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sc-hero-content\"\u003e\n      \u003cdiv class=\"sc-badges-top\"\u003e\n        \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🧴 2-en-1 démaquillant \u0026amp; tonifiant\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🌿 Extraits naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSilaclean Lotion Démaquillante\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003e200 ml · Dr. Saubens® · Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eLa lotion qui simplifie votre routine beauté : démaquillage impeccable et soin tonifiant en un seul geste, grâce aux extraits d'algues et de lierre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eSilaclean : la lotion démaquillante et tonifiante aux extraits d'algues et de lierre\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eVous cherchez un \u003cstrong\u003enettoyant pour le visage\u003c\/strong\u003e qui allie efficacité et douceur ? La \u003cstrong\u003eSilaclean Lotion Démaquillante \u0026amp; Tonifiante\u003c\/strong\u003e du Labo Santé Silice est une solution 2-en-1 pensée pour simplifier votre routine beauté.\u003c\/p\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e✨ Démaquillage parfait\u003c\/h3\u003e\n        \u003cp\u003eÉlimine le maquillage et les impuretés en un seul geste, sans tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💆 Soin tonifiant\u003c\/h3\u003e\n        \u003cp\u003eUn véritable soin qui tonifie et revitalise votre peau au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n        \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles et réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔬 Formulée en France\u003c\/h3\u003e\n        \u003cp\u003eConçue par le Dr. Saubens, 200 ml de soin expert et de qualité française.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eDes actifs naturels au service de votre peau\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eCe qui distingue Silaclean des autres nettoyants visage, c'est la richesse de ses actifs végétaux soigneusement sélectionnés.\u003c\/p\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌊 Extrait d'algue Fucus Vesiculosus\u003c\/h3\u003e\n        \u003cp\u003eCette algue brune regorge de minéraux, d'oligo-éléments et d'antioxydants. Elle aide à \u003cstrong\u003ehydrater la peau en profondeur\u003c\/strong\u003e, à l'apaiser et à favoriser l'élimination des toxines accumulées au fil de la journée. Votre teint retrouve éclat et vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Extrait de lierre grimpant (Hedera Helix)\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés tonifiantes et purifiantes, le lierre contribue à \u003cstrong\u003eresserrer les pores dilatés\u003c\/strong\u003e, à stimuler la microcirculation cutanée et à calmer les petites irritations. Votre peau paraît plus ferme et plus lisse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-tip\"\u003e\n      \u003cspan class=\"sc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette synergie végétale fait de Silaclean bien plus qu'un simple \u003cstrong\u003enettoyant visage\u003c\/strong\u003e : c'est un véritable soin quotidien qui respecte l'équilibre naturel de votre épiderme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComment utiliser cette lotion démaquillante ?\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eIntégrer Silaclean à votre routine est très simple. Chaque soir, suivez ces étapes :\u003c\/p\u003e\n    \u003cdiv class=\"sc-timeline\"\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eAppliquer sur coton\u003c\/h3\u003e\n          \u003cp\u003eImbibez un coton de lotion et passez-le délicatement sur l'ensemble du \u003cstrong\u003evisage\u003c\/strong\u003e, le cou et le décolleté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eDémaquiller le contour des yeux\u003c\/h3\u003e\n          \u003cp\u003eN'hésitez pas à l'utiliser sur le \u003cstrong\u003econtour des yeux\u003c\/strong\u003e : la formule est suffisamment douce pour démaquiller cette zone fragile sans tiraillement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-timeline-item\"\u003e\n        \u003cdiv class=\"sc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sc-timeline-content\"\u003e\n          \u003ch3\u003eLaisser agir sans rincer\u003c\/h3\u003e\n          \u003cp\u003eInutile de rincer. Laissez les actifs agir toute la nuit pour retrouver une peau plus lumineuse au réveil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-tip\"\u003e\n      \u003cspan class=\"sc-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e conservez votre flacon au réfrigérateur. L'effet fraîcheur décuplé vous offrira une sensation tonique immédiate, idéale après une longue journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003ePourquoi préférer Silaclean aux autres nettoyants pour le visage ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚡ Double action nettoyante et tonifiante\u003c\/h3\u003e\n        \u003cp\u003eUn seul produit remplace votre démaquillant et votre lotion tonique, pour un gain de temps et de simplicité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🤍 Formule respectueuse\u003c\/h3\u003e\n        \u003cp\u003eSans rinçage, douce et non agressive, elle convient parfaitement aux peaux sensibles, réactives ou sujettes aux rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌱 Ingrédients d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eLes extraits d'algue et de lierre apportent une vraie valeur ajoutée par rapport à un \u003cstrong\u003enettoyant visage\u003c\/strong\u003e classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eConçue et élaborée en France par le laboratoire Dr. Saubens, gage de qualité et de traçabilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌸 Senteur agréable\u003c\/h3\u003e\n        \u003cp\u003eUn parfum léger et naturel qui transforme votre démaquillage en un moment de détente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"sc-accordion\"\u003e\n      \u003cdetails class=\"sc-accordion-item\" open\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Propylene Glycol, PEG-35 Castor Oil, Polysorbate 20, \u003cstrong\u003eFucus Vesiculosus Extract\u003c\/strong\u003e, Parfum, \u003cstrong\u003eHedera Helix Leaf\u003c\/strong\u003e, Benzyl Alcohol.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement dermatologique. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et 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\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sc-cta-box\"\u003e\n      \u003cp\u003e🧴 Offrez à votre peau la douceur d'un démaquillage expert et tonifiant, formulé en France avec des extraits naturels d'algues et de lierre.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Cosmétique à usage externe uniquement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sc-cream: #f4f7fa;\n  --sc-white: #ffffff;\n  --sc-primary: #2b5a8c;\n  --sc-primary-dark: #1a3d63;\n  --sc-primary-light: #e8f0f8;\n  --sc-secondary: #5a9fd4;\n  --sc-accent: #8cbae8;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #dce6ef;\n  --sc-shadow: 0 4px 24px rgba(43,90,140,.08);\n  --sc-shadow-lg: 0 12px 48px rgba(43,90,140,.15);\n  --sc-radius: 20px;\n  --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a3d63 0%, #2b5a8c 40%, #5a9fd4 100%);\n  border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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,.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,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.sc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sc-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.sc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.sc-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\/* === BADGES === *\/\n.sc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.sc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sc-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.sc-card {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sc-shadow-lg);\n  border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (plus grande) === *\/\n.sc-card-ingredient {\n  text-align: left;\n}\n\n.sc-card-ingredient h3 {\n  text-align: center;\n  margin-bottom: .75rem;\n}\n\n.sc-card-ingredient p {\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n  padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sc-primary), var(--sc-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.sc-timeline-content {\n  flex: 1;\n  background: var(--sc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sc-radius-sm);\n  box-shadow: var(--sc-shadow);\n}\n\n.sc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sc-timeline-content p {\n  font-size: 14px;\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sc-primary-light);\n  border-radius: var(--sc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sc-tip p {\n  font-size: 14px;\n  color: var(--sc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sc-testimonial {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sc-shadow);\n  border-left: 4px solid var(--sc-primary);\n}\n\n.sc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  box-shadow: var(--sc-shadow);\n  overflow: hidden;\n}\n\n.sc-accordion-item {\n  border-bottom: 1px solid var(--sc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sc-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.sc-accordion-header:hover {\n  background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sc-primary);\n  transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n  content: '−';\n}\n\n.sc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sc-cta-box {\n  background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sc-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.sc-disclaimer {\n  font-size: 12px;\n  color: var(--sc-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  .sc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sc-card {\n    padding: 1.125rem;\n  }\n\n  .sc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sc-radius-sm);\n  }\n\n  .sc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sc-grid-compact {\n    gap: .625rem;\n  }\n\n  .sc-grid-compact .sc-card {\n    padding: .75rem;\n  }\n\n  .sc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sc-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sc-card-ingredient {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sc-card {\n    animation: scFadeInUp .5s ease backwards;\n  }\n  .sc-card:nth-child(1) { animation-delay: .05s; }\n  .sc-card:nth-child(2) { animation-delay: .1s; }\n  .sc-card:nth-child(3) { animation-delay: .15s; }\n  .sc-card:nth-child(4) { animation-delay: .2s; }\n  .sc-card:nth-child(5) { animation-delay: .25s; }\n  .sc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes scFadeInUp {\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  .sc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55219296534905,"sku":"LS0150","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silaclean-lotion-demaquillante-200-ml-labo-sante-silice-packshothd.webp?v=1775151192"},{"product_id":"huile-lactee-demaquillante-endro","title":"Huile Lactée Démaquillante Visage, Yeux \u0026 Lèvres - Huile de Prune - 100 ml Endro","description":"\u003cdiv class=\"hld-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hld-hero\"\u003e\n\u003cdiv class=\"hld-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hld-hero-content\"\u003e\n\u003cdiv class=\"hld-badges-top\"\u003e\n\u003cspan class=\"hld-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hld-badge\"\u003e🇫🇷 Made in Bretagne\u003c\/span\u003e \u003cspan class=\"hld-badge\"\u003e🍃 5 ingrédients\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hld-hero-title\"\u003eHuile Lactée Démaquillante\u003c\/span\u003e\n\u003cp class=\"hld-subtitle\"\u003eVisage, Yeux \u0026amp; Lèvres • Huile de Prune Bio • 100 ml\u003c\/p\u003e\n\u003cp class=\"hld-description\"\u003eL'huile qui se transforme en lait au contact de l'eau. Démaquillage sensoriel et efficace, même sur le waterproof.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eL'huile démaquillante visage qui se transforme en lait : une révolution pour votre rituel beauté\u003c\/h2\u003e\n\u003cp class=\"hld-section-intro\"\u003eUne texture huileuse qui, au contact de l'eau, se métamorphose en un lait doux et onctueux. Fini le film gras, bonjour la peau nette et confortable.\u003c\/p\u003e\n\u003cdiv class=\"hld-grid-compact\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e✨ Texture magique\u003c\/h3\u003e\n\u003cp\u003eSe transforme en lait au rinçage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🎯 Ultra efficace\u003c\/h3\u003e\n\u003cp\u003eMême sur le waterproof\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌸 Tout-en-un\u003c\/h3\u003e\n\u003cp\u003eVisage, yeux et lèvres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🍑 Huiles françaises\u003c\/h3\u003e\n\u003cp\u003ePrune \u0026amp; tournesol bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile pour se démaquiller ?\u003c\/h2\u003e\n\u003cdiv class=\"hld-feature-box\"\u003e\n\u003cdiv class=\"hld-feature-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe principe est simple mais redoutablement efficace :\u003c\/strong\u003e les corps gras attirent les corps gras. Le maquillage, le sébum et les impuretés sont dissous naturellement, sans frotter ni agresser votre épiderme.\u003cspan class=\"hld-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"hld-tip\"\u003e\n\u003cp\u003e💡 Contrairement aux idées reçues, l'huile démaquillante convient à tous les types de peaux, y compris les peaux grasses. Elle préserve le film hydrolipidique naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eLes trésors de cette formule : deux huiles françaises d'exception\u003c\/h2\u003e\n\u003cdiv class=\"hld-grid\"\u003e\n\u003cdiv class=\"hld-card hld-card-highlight\"\u003e\n\u003ch3\u003e🍑 Huile de prune bio\u003c\/h3\u003e\n\u003cp class=\"hld-card-subtitle\"\u003eL'or violet du Sud-Ouest\u003c\/p\u003e\n\u003cul class=\"hld-card-list\"\u003e\n\u003cli\u003e✓ Éclat et luminosité\u003c\/li\u003e\n\u003cli\u003e✓ Souplesse et élasticité\u003c\/li\u003e\n\u003cli\u003e✓ Protection antioxydante\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"hld-card-note\"\u003eParfum subtil d'amande douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card hld-card-highlight\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp class=\"hld-card-subtitle\"\u003eLa douceur à l'état pur\u003c\/p\u003e\n\u003cul class=\"hld-card-list\"\u003e\n\u003cli\u003e✓ Nutrition intense\u003c\/li\u003e\n\u003cli\u003e✓ Action adoucissante\u003c\/li\u003e\n\u003cli\u003e✓ Effet protecteur\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"hld-card-note\"\u003eRiche en vitamine E \u0026amp; oméga-6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cp class=\"hld-section-intro\"\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e. Pas de superflu, juste ce dont votre peau a besoin.\u003c\/p\u003e\n\u003cdiv class=\"hld-ingredients-box\"\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003eHelianthus Annuus Seed Oil*\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eBase nettoyante et nourrissante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003ePrunus Domestica Seed Oil*\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eSoin antioxydant et embellisseur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003ePolyglyceryl-4 Oleate\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eÉmulsifiant végétal (effet lacté)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-ingredient\"\u003e\n\u003cspan class=\"hld-ingredient-name\"\u003eTocopherol\u003c\/span\u003e \u003cspan class=\"hld-ingredient-role\"\u003eVitamine E naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-badges-inline\"\u003e\n\u003cspan class=\"hld-badge-small\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"hld-badge-small\"\u003e🚫 Sans parfum\u003c\/span\u003e \u003cspan class=\"hld-badge-small\"\u003e🚫 Sans HE\u003c\/span\u003e \u003cspan class=\"hld-badge-small\"\u003e*Bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile démaquillante ? Le rituel parfait\u003c\/h2\u003e\n\u003cdiv class=\"hld-timeline\"\u003e\n\u003cdiv class=\"hld-timeline-item\"\u003e\n\u003cspan class=\"hld-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"hld-timeline-content\"\u003e\n\u003ch3\u003eApplication sur peau sèche\u003c\/h3\u003e\n\u003cp\u003ePrélevez \u003cstrong\u003e2 à 3 pressions\u003c\/strong\u003e d'huile. Appliquez sur visage sec, yeux fermés et lèvres inclus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-timeline-item\"\u003e\n\u003cspan class=\"hld-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"hld-timeline-content\"\u003e\n\u003ch3\u003eMassage circulaire\u003c\/h3\u003e\n\u003cp\u003eMassez 1-2 minutes en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e. Insistez sur les zones avec maquillage tenace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-timeline-item\"\u003e\n\u003cspan class=\"hld-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"hld-timeline-content\"\u003e\n\u003ch3\u003eLa magie du lait\u003c\/h3\u003e\n\u003cp\u003eHumidifiez vos mains et massez à nouveau. L'huile devient un \u003cstrong\u003elait blanc et doux\u003c\/strong\u003e. Rincez à l'eau tiède.\u003cspan class=\"hld-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Pour un maquillage waterproof très résistant, effectuez un second passage avec une petite quantité d'huile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eHuile démaquillante ou huile de jojoba pure : quelle différence ?\u003c\/h2\u003e\n\u003cdiv class=\"hld-comparison\"\u003e\n\u003cdiv class=\"hld-comparison-item hld-comparison-vs\"\u003e\n\u003ch3\u003e🥥 Huiles pures (jojoba, coco...)\u003c\/h3\u003e\n\u003cp\u003eEfficaces pour dissoudre le maquillage mais nécessitent un \u003cstrong\u003enettoyant supplémentaire\u003c\/strong\u003e pour être parfaitement éliminées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-comparison-item hld-comparison-win\"\u003e\n\u003ch3\u003e✨ Huile Lactée Endro\u003c\/h3\u003e\n\u003cp\u003eGrâce à son \u003cstrong\u003eémulsifiant végétal\u003c\/strong\u003e, elle se mélange à l'eau et se transforme en lait. Peau nettoyée en \u003cstrong\u003eune seule étape\u003c\/strong\u003e, sans résidu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003ePour qui est conçue cette huile nettoyante ?\u003c\/h2\u003e\n\u003cp class=\"hld-section-intro\"\u003eFormule sans parfum et sans huiles essentielles, adaptée à pratiquement tout le monde.\u003c\/p\u003e\n\u003cdiv class=\"hld-grid\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eLa douceur des huiles végétales apaise et réconforte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eL'effet nourrissant compense les pertes en lipides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e✨ Peaux mixtes\/grasses\u003c\/h3\u003e\n\u003cp\u003eL'huile régule naturellement la production de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌟 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants combattent le vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n\u003cp\u003eFormule 100% sûre, sans ingrédients à éviter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e👁️ Porteurs de lentilles\u003c\/h3\u003e\n\u003cp\u003eSe rince parfaitement, aucun film résiduel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"hld-section\"\u003e\n\u003ch2\u003eDurée d'utilisation et conservation\u003c\/h2\u003e\n\u003cdiv class=\"hld-grid-compact\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e📦 100 ml\u003c\/h3\u003e\n\u003cp\u003e3 à 6 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e⏱️ PAO 14 mois\u003c\/h3\u003e\n\u003cp\u003eAprès ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-accordion\"\u003e\n\u003cdetails class=\"hld-accordion-item\"\u003e\n\u003csummary class=\"hld-accordion-header\"\u003e🧴 Conseils de conservation\u003c\/summary\u003e\n\u003cdiv class=\"hld-accordion-content\"\u003e\n\u003cp\u003e• Conservez à l'abri de la lumière directe et de la chaleur\u003cbr\u003e• 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 10 --\u003e\n\u003csection class=\"hld-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"hld-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLes 5 bonnes raisons d'adopter cette huile démaquillante bio\u003c\/h2\u003e\n\u003cdiv class=\"hld-grid\"\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🎯 Efficacité prouvée\u003c\/h3\u003e\n\u003cp\u003eÉlimine tous types de maquillage, même waterproof, sans frotter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌿 Formule ultra-pure\u003c\/h3\u003e\n\u003cp\u003eSeulement 5 ingrédients, 100% d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e✨ Texture innovante\u003c\/h3\u003e\n\u003cp\u003eSe transforme en lait pour un rinçage parfait sans film gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e🌸 Ultra-douce\u003c\/h3\u003e\n\u003cp\u003eSans parfum, sans HE, testée ophtalmologiquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-card\"\u003e\n\u003ch3\u003e♻️ Éco-engagée\u003c\/h3\u003e\n\u003cp\u003eFlacon verre consigné, fabrication bretonne, certifiée bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hld-cta-box\"\u003e\n\u003cp\u003eOffrez à votre peau un démaquillage tout en douceur.\u003cbr\u003ePlus qu'un simple démaquillant, un véritable moment de bien-être. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --hld-cream: #FAF7F5;\n  --hld-white: #ffffff;\n  --hld-primary: #9E5A63;\n  --hld-primary-dark: #7A3B44;\n  --hld-primary-light: #F5ECED;\n  --hld-secondary: #D4A574;\n  --hld-accent: #C4848D;\n  --hld-text: #1a1a1a;\n  --hld-text-light: #5a5a5a;\n  --hld-border: #e8e0dd;\n  --hld-shadow: 0 4px 24px rgba(158,90,99,.08);\n  --hld-shadow-lg: 0 12px 48px rgba(122,59,68,.15);\n  --hld-radius: 20px;\n  --hld-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hld-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hld-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hld-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--hld-primary) 0%, var(--hld-accent) 50%, var(--hld-secondary) 100%);\n  border-radius: var(--hld-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(--hld-shadow-lg);\n}\n\n.hld-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  opacity: 1;\n}\n\n.hld-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hld-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hld-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(--hld-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hld-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hld-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.hld-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.hld-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.6;\n}\n\n\/* === SECTIONS === *\/\n.hld-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hld-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hld-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.hld-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(--hld-primary), var(--hld-secondary));\n  border-radius: 2px;\n}\n\n.hld-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hld-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\/* === GRILLES === *\/\n.hld-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hld-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hld-card {\n  background: var(--hld-white);\n  border-radius: var(--hld-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hld-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hld-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hld-shadow-lg);\n  border-color: var(--hld-primary);\n}\n\n.hld-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hld-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hld-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hld-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hld-card-highlight {\n  background: linear-gradient(135deg, var(--hld-white) 0%, var(--hld-primary-light) 100%);\n  text-align: left;\n}\n\n.hld-card-subtitle {\n  font-size: 13px;\n  color: var(--hld-accent);\n  font-weight: 600;\n  font-style: italic;\n  margin-bottom: .75rem !important;\n}\n\n.hld-card-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 .75rem 0;\n}\n\n.hld-card-list li {\n  font-size: 14px;\n  color: var(--hld-text);\n  padding: .25rem 0;\n}\n\n.hld-card-note {\n  font-size: 12px;\n  color: var(--hld-text-light);\n  font-style: italic;\n  border-top: 1px solid var(--hld-border);\n  padding-top: .75rem;\n  margin-top: .5rem !important;\n}\n\n.hld-grid-compact .hld-card {\n  padding: 1rem;\n}\n\n.hld-grid-compact .hld-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hld-grid-compact .hld-card p {\n  font-size: 12px;\n}\n\n\/* === FEATURE BOX === *\/\n.hld-feature-box {\n  background: var(--hld-white);\n  border-radius: var(--hld-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hld-shadow);\n}\n\n.hld-feature-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hld-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n\/* === TIP BOX === *\/\n.hld-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hld-primary-light);\n  border-radius: var(--hld-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hld-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hld-tip p {\n  font-size: 14px;\n  color: var(--hld-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.hld-ingredients-box {\n  background: var(--hld-white);\n  border-radius: var(--hld-radius);\n  box-shadow: var(--hld-shadow);\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.hld-ingredient {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid var(--hld-border);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.hld-ingredient:last-child {\n  border-bottom: none;\n}\n\n.hld-ingredient-name {\n  font-weight: 700;\n  color: var(--hld-primary-dark);\n  font-size: 14px;\n}\n\n.hld-ingredient-role {\n  font-size: 13px;\n  color: var(--hld-text-light);\n  text-align: right;\n}\n\n.hld-badges-inline {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n}\n\n.hld-badge-small {\n  padding: 6px 12px;\n  background: var(--hld-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--hld-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hld-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hld-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hld-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hld-primary), var(--hld-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.hld-timeline-content {\n  flex: 1;\n  background: var(--hld-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hld-radius-sm);\n  box-shadow: var(--hld-shadow);\n}\n\n.hld-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hld-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hld-timeline-content p {\n  font-size: 14px;\n  color: var(--hld-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPARISON === *\/\n.hld-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hld-comparison-item {\n  background: var(--hld-white);\n  border-radius: var(--hld-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hld-shadow);\n}\n\n.hld-comparison-item h3 {\n  font-size: 16px;\n  font-weight: 800;\n  margin: 0 0 .75rem 0;\n}\n\n.hld-comparison-vs h3 {\n  color: var(--hld-text-light);\n}\n\n.hld-comparison-win {\n  border: 2px solid var(--hld-primary);\n  background: linear-gradient(135deg, var(--hld-white) 0%, var(--hld-primary-light) 100%);\n}\n\n.hld-comparison-win h3 {\n  color: var(--hld-primary-dark);\n}\n\n.hld-comparison-item p {\n  font-size: 14px;\n  color: var(--hld-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ECO GRID === *\/\n.hld-eco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.hld-eco-item {\n  display: flex;\n  gap: .75rem;\n  align-items: flex-start;\n  background: var(--hld-white);\n  border-radius: var(--hld-radius-sm);\n  padding: 1rem;\n  box-shadow: var(--hld-shadow);\n}\n\n.hld-eco-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hld-eco-item strong {\n  display: block;\n  font-size: 14px;\n  color: var(--hld-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.hld-eco-item p {\n  font-size: 13px;\n  color: var(--hld-text-light);\n  margin: 0;\n  line-height: 1.4;\n}\n\n\/* === ACCORDÉON === *\/\n.hld-accordion {\n  background: var(--hld-white);\n  border-radius: var(--hld-radius);\n  box-shadow: var(--hld-shadow);\n  overflow: hidden;\n  margin-top: 1rem;\n}\n\n.hld-accordion-item {\n  border-bottom: 1px solid var(--hld-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hld-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hld-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hld-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.hld-accordion-header:hover {\n  background: var(--hld-primary-light);\n}\n\n.hld-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hld-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hld-primary);\n  transition: transform .2s ease;\n}\n\n.hld-accordion-item[open] .hld-accordion-header::after {\n  content: '−';\n}\n\n.hld-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hld-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.hld-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.hld-cta-box {\n  background: linear-gradient(135deg, var(--hld-primary) 0%, var(--hld-primary-dark) 100%);\n  border-radius: var(--hld-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.hld-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  .hld-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hld-card {\n    padding: 1.125rem;\n  }\n  \n  .hld-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .hld-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hld-radius-sm);\n  }\n  \n  .hld-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .hld-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .hld-grid-compact {\n    gap: .625rem;\n  }\n  \n  .hld-grid-compact .hld-card {\n    padding: .75rem;\n  }\n  \n  .hld-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .hld-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .hld-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .hld-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .hld-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .hld-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .hld-comparison {\n    grid-template-columns: 1fr;\n  }\n  \n  .hld-eco-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .hld-ingredient {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .hld-ingredient-role {\n    text-align: left;\n  }\n  \n  .hld-tip {\n    flex-direction: column;\n    gap: .5rem;\n    text-align: center;\n  }\n  \n  .hld-feature-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hld-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hld-card:nth-child(1) { animation-delay: .05s; }\n  .hld-card:nth-child(2) { animation-delay: .1s; }\n  .hld-card:nth-child(3) { animation-delay: .15s; }\n  .hld-card:nth-child(4) { animation-delay: .2s; }\n  .hld-card:nth-child(5) { animation-delay: .25s; }\n  .hld-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  .hld-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":55571300647289,"sku":"NBAIEND0140","price":10.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-lactee-demaquillante-visage-yeux-levres-huile-de-prune-lifestyle.webp?v=1769697221"},{"product_id":"demaquillant-solide-lamazuna","title":"Démaquillant solide à l’huile de jojoba bio – Lamazuna (30 g)","description":"\u003cdiv class=\"dm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dm-hero\"\u003e\n    \u003cdiv class=\"dm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dm-hero-content\"\u003e\n      \u003cdiv class=\"dm-badges-top\"\u003e\n        \u003cspan class=\"dm-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"dm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"dm-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n        \u003cspan class=\"dm-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dm-hero-title\"\u003eDémaquillant solide à l'huile de jojoba bio\u003c\/span\u003e\n      \u003cp class=\"dm-subtitle\"\u003eLamazuna — 30 g\u003c\/p\u003e\n      \u003cp class=\"dm-description\"\u003eLe geste beauté naturel qui prend soin de votre peau tout en disant adieu au plastique. Un seul galet pour remplacer 2 flacons.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"dm-section\"\u003e\n    \u003ch2\u003eDémaquillant solide Lamazuna : le geste beauté naturel et zéro déchet\u003c\/h2\u003e\n    \u003cp class=\"dm-section-intro\"\u003eVous cherchez un \u003cstrong\u003edémaquillant solide\u003c\/strong\u003e vraiment efficace, doux pour votre peau et respectueux de l'environnement ? Le \u003cstrong\u003edémaquillant solide Lamazuna à l'huile de jojoba bio\u003c\/strong\u003e coche toutes les cases. Ce petit galet concentré remplace vos flacons en plastique et transforme votre routine beauté en un rituel à la fois simple, agréable et responsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"dm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce nettoyant visage solide ?\u003c\/h2\u003e\n    \u003cdiv class=\"dm-grid\"\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e✨ Démaquillage complet\u003c\/h3\u003e\n        \u003cp\u003eVisage, lèvres et yeux* en un seul geste — plus besoin de multiplier les produits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🤍 Confort immédiat\u003c\/h3\u003e\n        \u003cp\u003ePeau souple, nourrie, sans aucun tiraillement dès le premier rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e💰 Ultra économique\u003c\/h3\u003e\n        \u003cp\u003e30 g équivalent à \u003cstrong\u003e2 flacons de 100 ml\u003c\/strong\u003e, soit 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n        \u003cp\u003eEmballage carton recyclable, format compact idéal en voyage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCOSMOS Organic, vegan, sans huile de palme, fabriqué en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dm-disclaimer\"\u003e*Éviter le contact direct avec l'intérieur des yeux. Rincer abondamment en cas de contact.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"dm-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce savon démaquillant solide ?\u003c\/h2\u003e\n    \u003cdiv class=\"dm-testimonial\"\u003e\n      \u003cp class=\"dm-testimonial-text\"\u003eCe \u003cstrong\u003enettoyant solide visage\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e. L'huile de jojoba, naturellement sébo-équilibrante, régule aussi bien les peaux mixtes que les peaux grasses. Le beurre de karité, quant à lui, apporte le réconfort dont les peaux sèches et sensibles ont besoin. Si vous adoptez une routine minimaliste ou voyagez souvent, son format sans fuite et sans liquide deviendra vite indispensable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dm-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sèches\u003c\/h3\u003e\n        \u003cp\u003eNourries par le beurre de karité bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e💧 Peaux mixtes\u003c\/h3\u003e\n        \u003cp\u003eRééquilibrées par l'huile de jojoba\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🧴 Peaux grasses\u003c\/h3\u003e\n        \u003cp\u003eRégulées en douceur sans agresser\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eApaisées par l'argile rose\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"dm-section\"\u003e\n    \u003ch2\u003eCe que vous pouvez en attendre\u003c\/h2\u003e\n    \u003cdiv class=\"dm-grid\"\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e💄 Maquillage dissous\u003c\/h3\u003e\n        \u003cp\u003eEfficacement dissous, y compris fond de teint et rouge à lèvres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🪞 Peau nette et douce\u003c\/h3\u003e\n        \u003cp\u003eDès le rinçage, comme libérée d'un voile. Un teint lumineux retrouvé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🛡️ Film hydrolipidique préservé\u003c\/h3\u003e\n        \u003cp\u003eVotre peau garde son équilibre naturel, sans tiraillement ni dessèchement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"dm-section\"\u003e\n    \u003ch2\u003eComposition détaillée : des actifs naturels aux rôles précis\u003c\/h2\u003e\n    \u003cp class=\"dm-section-intro\"\u003eLa formule de ce \u003cstrong\u003edémaquillant à l'huile de jojoba\u003c\/strong\u003e est courte, transparente et certifiée bio. Chaque ingrédient remplit une mission claire.\u003c\/p\u003e\n    \u003cdiv class=\"dm-grid\"\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur et protège la barrière cutanée pour une peau réconfortée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌾 Huile de jojoba bio\u003c\/h3\u003e\n        \u003cp\u003eRééquilibre, apaise et respecte le film hydrolipidique grâce à sa composition proche du sébum naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🍇 Huile de pépins de raisin bio\u003c\/h3\u003e\n        \u003cp\u003eLégère et antioxydante, parfaite pour les zones fragiles comme le contour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🩷 Argile rose\u003c\/h3\u003e\n        \u003cp\u003ePurifie tout en douceur, apporte minéraux et apaise les rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌱 Tensioactif doux végétal\u003c\/h3\u003e\n        \u003cp\u003eDissout les corps gras du maquillage sans agresser la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌽 Amidon de maïs\u003c\/h3\u003e\n        \u003cp\u003eAbsorbe l'excès de sébum et laisse un fini soyeux sur la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌿 Cire de carnauba bio\u003c\/h3\u003e\n        \u003cp\u003eAssure la solidité et la longévité du galet au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-card\"\u003e\n        \u003ch3\u003e🌻 Vitamine E \u0026amp; huile de tournesol\u003c\/h3\u003e\n        \u003cp\u003eDuo antioxydant qui préserve la fraîcheur de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"dm-section\"\u003e\n    \u003ch2\u003eComment utiliser votre démaquillant solide Lamazuna ?\u003c\/h2\u003e\n    \u003cdiv class=\"dm-timeline\"\u003e\n      \u003cdiv class=\"dm-timeline-item\"\u003e\n        \u003cdiv class=\"dm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dm-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n          \u003cp\u003eMouillez légèrement le galet sous l'eau tiède pour activer sa texture fondante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-timeline-item\"\u003e\n        \u003cdiv class=\"dm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dm-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDirectement sur peau sèche ou frottez entre vos mains pour créer un baume fondant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-timeline-item\"\u003e\n        \u003cdiv class=\"dm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dm-timeline-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eDélicatement l'ensemble du visage en mouvements circulaires pour dissoudre le maquillage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-timeline-item\"\u003e\n        \u003cdiv class=\"dm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"dm-timeline-content\"\u003e\n          \u003ch3\u003eÉmulsionnez\u003c\/h3\u003e\n          \u003cp\u003eAjoutez quelques gouttes d'eau et massez à nouveau pour parfaire le démaquillage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dm-timeline-item\"\u003e\n        \u003cdiv class=\"dm-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"dm-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eÀ l'eau claire ou avec un coton lavable humide pour une peau parfaitement nette.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dm-tip\"\u003e\n      \u003cspan class=\"dm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce double nettoyage :\u003c\/strong\u003e pour un maquillage longue tenue ou waterproof, complétez avec un nettoyant doux adapté.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"dm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"dm-accordion\"\u003e\n      \u003cdetails class=\"dm-accordion-item\"\u003e\n        \u003csummary class=\"dm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eConservez votre galet au sec\u003c\/strong\u003e entre chaque utilisation, idéalement sur un porte-savon ajouré, pour prolonger sa durée de vie. Un galet bien drainé dure encore plus longtemps.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dm-accordion-item\"\u003e\n        \u003csummary class=\"dm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"dm-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement. Évitez le contact direct avec les yeux. En cas de contact, rincez abondamment à l'eau claire. Ce produit ne remplace pas un soin dermatologique prescrit par un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dm-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e✨ Be conscious, be solid, be ohlala ! ✨\u003cbr\u003eAdoptez le démaquillant qui prend aussi soin de votre peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --dm-cream: #fdf6f0;\n  --dm-white: #ffffff;\n  --dm-primary: #e07a48;\n  --dm-primary-dark: #b85a2e;\n  --dm-primary-light: #fceee5;\n  --dm-secondary: #d4566a;\n  --dm-accent: #2c3e6b;\n  --dm-text: #1a1a1a;\n  --dm-text-light: #5a5a5a;\n  --dm-border: #e8ddd5;\n  --dm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --dm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --dm-radius: 20px;\n  --dm-radius-sm: 12px;\n}\n\n.dm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e07a48 0%, #d4566a 50%, #b85a2e 100%);\n  border-radius: var(--dm-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(--dm-shadow-lg);\n}\n\n.dm-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              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.dm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dm-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.dm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.dm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 560px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dm-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(--dm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dm-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.dm-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(--dm-primary), var(--dm-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.dm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dm-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.dm-card {\n  background: var(--dm-white);\n  border-radius: var(--dm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dm-shadow-lg);\n  border-color: var(--dm-primary);\n}\n\n.dm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dm-grid-compact .dm-card {\n  padding: 1rem;\n}\n\n.dm-grid-compact .dm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dm-grid-compact .dm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dm-primary), var(--dm-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.dm-timeline-content {\n  flex: 1;\n  background: var(--dm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dm-radius-sm);\n  box-shadow: var(--dm-shadow);\n}\n\n.dm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dm-timeline-content p {\n  font-size: 14px;\n  color: var(--dm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dm-testimonial {\n  background: var(--dm-white);\n  border-radius: var(--dm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dm-shadow);\n  border-left: 4px solid var(--dm-primary);\n}\n\n.dm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.dm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dm-primary-light);\n  border-radius: var(--dm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dm-tip p {\n  font-size: 14px;\n  color: var(--dm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dm-accordion {\n  background: var(--dm-white);\n  border-radius: var(--dm-radius);\n  box-shadow: var(--dm-shadow);\n  overflow: hidden;\n}\n\n.dm-accordion-item {\n  border-bottom: 1px solid var(--dm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dm-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.dm-accordion-header:hover {\n  background: var(--dm-primary-light);\n}\n\n.dm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dm-primary);\n  transition: transform .2s ease;\n}\n\n.dm-accordion-item[open] .dm-accordion-header::after {\n  content: '−';\n}\n\n.dm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dm-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dm-cta-box {\n  background: linear-gradient(135deg, var(--dm-primary) 0%, var(--dm-primary-dark) 100%);\n  border-radius: var(--dm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dm-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.dm-disclaimer {\n  font-size: 12px;\n  color: var(--dm-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  .dm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dm-card {\n    padding: 1.125rem;\n  }\n\n  .dm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dm-radius-sm);\n  }\n\n  .dm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dm-grid-compact {\n    gap: .625rem;\n  }\n\n  .dm-grid-compact .dm-card {\n    padding: .75rem;\n  }\n\n  .dm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .dm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .dm-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dm-card {\n    animation: dmFadeInUp .5s ease backwards;\n  }\n  .dm-card:nth-child(1) { animation-delay: .05s; }\n  .dm-card:nth-child(2) { animation-delay: .1s; }\n  .dm-card:nth-child(3) { animation-delay: .15s; }\n  .dm-card:nth-child(4) { animation-delay: .2s; }\n  .dm-card:nth-child(5) { animation-delay: .25s; }\n  .dm-card:nth-child(6) { animation-delay: .3s; }\n  .dm-card:nth-child(7) { animation-delay: .35s; }\n  .dm-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes dmFadeInUp {\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  .dm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":55715387081081,"sku":"NBAILAM0014","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/demaquillant-solide-a-lhuile-de-jojoba-bio-lamazuna-30-g-packshothd.webp?v=1775662145"},{"product_id":"gel-nettoyant-hydratant-endro","title":"Gel Nettoyant Hydratant visage - 150 ml - Endro","description":"\u003cdiv class=\"gn-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gn-hero\"\u003e\n    \u003cdiv class=\"gn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gn-hero-content\"\u003e\n      \u003cdiv class=\"gn-badges-top\"\u003e\n        \u003cspan class=\"gn-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"gn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"gn-badge\"\u003e💧 Acide hyaluronique\u003c\/span\u003e\n        \u003cspan class=\"gn-badge\"\u003e🥒 Extrait de concombre bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gn-hero-title\"\u003eGel nettoyant hydratant visage Endro\u003c\/span\u003e\n      \u003cp class=\"gn-subtitle\"\u003eLa gelée nettoyante certifiée bio qui nettoie sans jamais dessécher\u003c\/p\u003e\n      \u003cp class=\"gn-description\"\u003e150 ml · Tous types de peaux · Vegan · Certifié Cosmos Organic\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"gn-section\"\u003e\n    \u003ch2\u003eGel nettoyant visage hydratant bio Endro — Acide hyaluronique \u0026amp; Concombre\u003c\/h2\u003e\n    \u003cp class=\"gn-section-intro\"\u003eVous cherchez un gel nettoyant pour le visage qui nettoie efficacement sans laisser la peau tiraillée ? La Gelée Nettoyante Hydratante Endro est un soin visage certifié bio, formulé à partir d'ingrédients 100 % d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"gn-grid\"\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eRetient l'eau dans l'épiderme, repulpe la peau et maintient son élasticité dès le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n        \u003cp\u003ePropriétés hydratantes, apaisantes et rafraîchissantes pour un confort immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera\u003c\/h3\u003e\n        \u003cp\u003eCalme les rougeurs et les tiraillements, complète l'action apaisante du concombre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gn-section-intro\" style=\"margin-top:1.25rem;\"\u003eSa texture gelée, légère et fondante, se transforme en une mousse délicate au contact de la peau humide. Le résultat : un teint net, souple et confortablement hydraté, sans aucune sensation de dessèchement. Conditionnée en flacon pompe de \u003cstrong\u003e150 ml\u003c\/strong\u003e, elle convient à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les plus sensibles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"gn-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gel nettoyant pour visage plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp class=\"gn-section-intro\"\u003eContrairement à de nombreux gels nettoyants, cette gelée Endro mise sur une formule courte, bio et transparente, sans sulfate agressif ni ingrédient superflu.\u003c\/p\u003e\n    \u003cdiv class=\"gn-grid\"\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🧴 Nettoyage doux et respectueux\u003c\/h3\u003e\n        \u003cp\u003eDes tensioactifs d'origine végétale éliminent impuretés et maquillage léger sans altérer la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e💦 Hydratation immédiate\u003c\/h3\u003e\n        \u003cp\u003eL'acide hyaluronique retient l'eau dans l'épiderme, repulpe la peau et maintient son élasticité dès le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e❄️ Effet fraîcheur apaisant\u003c\/h3\u003e\n        \u003cp\u003eL'extrait de concombre bio et l'aloe vera calment les rougeurs et les tiraillements, pour un confort longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🌍 Bio, vegan \u0026amp; responsable\u003c\/h3\u003e\n        \u003cp\u003eFormule certifiée bio, vegan et emballage responsable — un choix cohérent pour votre peau et la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"gn-section\"\u003e\n    \u003ch2\u003eLes actifs clés et la composition complète\u003c\/h2\u003e\n    \u003cp class=\"gn-section-intro\"\u003eTrois actifs phares travaillent en synergie dans cette formule pour nettoyer, hydrater et apaiser votre peau en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"gn-grid\"\u003e\n      \u003cdiv class=\"gn-card gn-card-highlight\"\u003e\n        \u003ch3\u003e💎 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eSodium Hyaluronate — Puissant agent hydratant capable de retenir jusqu'à \u003cstrong\u003e1 000 fois son poids en eau\u003c\/strong\u003e. Il repulpe visiblement la peau et préserve sa souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card gn-card-highlight\"\u003e\n        \u003ch3\u003e🥒 Extrait de concombre bio\u003c\/h3\u003e\n        \u003cp\u003eCucumis Sativus Fruit Extract — Reconnu pour ses propriétés hydratantes, apaisantes et rafraîchissantes, il soulage les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card gn-card-highlight\"\u003e\n        \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eHumectant naturel qui adoucit et protège le film hydrolipidique. Hydrate, adoucit et protège durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gn-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"gn-accordion-item\"\u003e\n        \u003csummary class=\"gn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"gn-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Caprylyl\/Capryl Glucoside, Glycerin, Erythritol, Decyl Glucoside, Pentylene Glycol, Caprylyl Glycol, Xanthan Gum, Sodium Hyaluronate, Cucumis Sativus Fruit Extract*, Parfum, Lactic Acid, Aloe Barbadensis Leaf Juice Powder*, Sodium Hydroxide. \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\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"gn-section\"\u003e\n    \u003ch2\u003eComment utiliser cette gelée nettoyante au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"gn-timeline\"\u003e\n      \u003cdiv class=\"gn-timeline-item\"\u003e\n        \u003cdiv class=\"gn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gn-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez votre visage\u003c\/h3\u003e\n          \u003cp\u003ePassez votre visage sous l'eau tiède pour préparer la peau au nettoyage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-timeline-item\"\u003e\n        \u003cdiv class=\"gn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gn-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une à deux pressions\u003c\/h3\u003e\n          \u003cp\u003ePrélevez le gel dans le creux de vos mains grâce au flacon pompe pratique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-timeline-item\"\u003e\n        \u003cdiv class=\"gn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gn-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur l'ensemble du visage en mouvements circulaires pendant une trentaine de secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-timeline-item\"\u003e\n        \u003cdiv class=\"gn-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gn-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Votre peau est nette, souple et confortablement hydratée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-timeline-item\"\u003e\n        \u003cdiv class=\"gn-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"gn-timeline-content\"\u003e\n          \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n          \u003cp\u003eUtilisez matin et\/ou soir, puis appliquez un sérum ou une crème hydratante pour optimiser les bienfaits.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"gn-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce soin nettoyant ?\u003c\/h2\u003e\n    \u003cdiv class=\"gn-grid-compact\"\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🙂 Peaux normales\u003c\/h3\u003e\n        \u003cp\u003eUn nettoyage frais qui maintient l'équilibre naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e✨ Peaux mixtes\u003c\/h3\u003e\n        \u003cp\u003ePurifie sans agresser, régule en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sèches\u003c\/h3\u003e\n        \u003cp\u003eHydrate dès le nettoyage, zéro sensation de tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gn-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormule douce, apaisante, sans sulfate agressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gn-tip\"\u003e\n      \u003cspan class=\"gn-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe gel nettoyant est idéal si vous recherchez un nettoyant quotidien qui ne dessèche pas, qui respecte votre peau et dont la composition est irréprochable. Les peaux sujettes aux tiraillements après le nettoyage y trouveront un confort immédiat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"gn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gn-cta-box\"\u003e\n      \u003cp\u003e🧴 Offrez à votre peau un nettoyage doux, hydratant et certifié bio.\u003cbr\u003eLa Gelée Nettoyante Endro — votre rituel fraîcheur, matin et soir.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gn-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gn-cream: #f4f6f8;\n  --gn-white: #ffffff;\n  --gn-primary: #4a82a8;\n  --gn-primary-dark: #2b4f6e;\n  --gn-primary-light: #e8f0f6;\n  --gn-secondary: #6aaed4;\n  --gn-accent: #8ec5db;\n  --gn-text: #1a1a1a;\n  --gn-text-light: #5a6a78;\n  --gn-border: #dce5ec;\n  --gn-shadow: 0 4px 24px rgba(43,79,110,.08);\n  --gn-shadow-lg: 0 12px 48px rgba(43,79,110,.15);\n  --gn-radius: 20px;\n  --gn-radius-sm: 12px;\n}\n\n.gn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gn-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2b4f6e 0%, #4a82a8 45%, #6aaed4 100%);\n  border-radius: var(--gn-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(--gn-shadow-lg);\n}\n\n.gn-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              radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.gn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gn-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(--gn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gn-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.gn-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  text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.gn-description {\n  color: rgba(255,255,255,.78);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  font-weight: 500;\n  letter-spacing: .02em;\n}\n\n\/* === SECTIONS === *\/\n.gn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gn-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.gn-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(--gn-primary), var(--gn-secondary));\n  border-radius: 2px;\n}\n\n.gn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gn-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.gn-card {\n  background: var(--gn-white);\n  border-radius: var(--gn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gn-shadow-lg);\n  border-color: var(--gn-primary);\n}\n\n.gn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gn-card-highlight {\n  border-left: 4px solid var(--gn-primary);\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.gn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gn-grid-compact .gn-card {\n  padding: 1rem;\n}\n\n.gn-grid-compact .gn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gn-grid-compact .gn-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gn-primary), var(--gn-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.gn-timeline-content {\n  flex: 1;\n  background: var(--gn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gn-radius-sm);\n  box-shadow: var(--gn-shadow);\n}\n\n.gn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gn-timeline-content p {\n  font-size: 14px;\n  color: var(--gn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gn-testimonial {\n  background: var(--gn-white);\n  border-radius: var(--gn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gn-shadow);\n  border-left: 4px solid var(--gn-primary);\n}\n\n.gn-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gn-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gn-accordion {\n  background: var(--gn-white);\n  border-radius: var(--gn-radius);\n  box-shadow: var(--gn-shadow);\n  overflow: hidden;\n}\n\n.gn-accordion-item {\n  border-bottom: 1px solid var(--gn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gn-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.gn-accordion-header:hover {\n  background: var(--gn-primary-light);\n}\n\n.gn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gn-primary);\n  transition: transform .2s ease;\n}\n\n.gn-accordion-item[open] .gn-accordion-header::after {\n  content: '−';\n}\n\n.gn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gn-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gn-primary-light);\n  border-radius: var(--gn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gn-tip p {\n  font-size: 14px;\n  color: var(--gn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gn-cta-box {\n  background: linear-gradient(135deg, var(--gn-primary) 0%, var(--gn-primary-dark) 100%);\n  border-radius: var(--gn-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gn-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.gn-disclaimer {\n  font-size: 12px;\n  color: var(--gn-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  .gn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gn-card {\n    padding: 1.125rem;\n  }\n\n  .gn-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gn-radius-sm);\n  }\n\n  .gn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gn-grid-compact {\n    gap: .625rem;\n  }\n\n  .gn-grid-compact .gn-card {\n    padding: .75rem;\n  }\n\n  .gn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gn-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gn-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gn-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gn-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gn-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gn-card {\n    animation: gnFadeInUp .5s ease backwards;\n  }\n  .gn-card:nth-child(1) { animation-delay: .05s; }\n  .gn-card:nth-child(2) { animation-delay: .1s; }\n  .gn-card:nth-child(3) { animation-delay: .15s; }\n  .gn-card:nth-child(4) { animation-delay: .2s; }\n  .gn-card:nth-child(5) { animation-delay: .25s; }\n  .gn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gnFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":56166339215737,"sku":"NBAIEND0112","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-hydratant-visage-150-ml-endro_11zon.jpg?v=1762865631"},{"product_id":"coffret-10-lingettes-demaquillantes-lavables-lamazuna","title":"Coffret 10 lingettes démaquillantes lavables – Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Coffret 10 lingettes démaquillantes lavables Lamazuna\nPalette détectée:\n  - Primaire: #D72B5F (rose fuchsia\/framboise des lingettes)\n  - Secondaire: #2AB5B0 (turquoise du motif packaging)\n  - Accent: #C41E3A (rouge des lèvres du motif)\n  - Crème: #F9F7F4 (fond neutre chaleureux)\nAmbiance: Féminin, écologique, joyeux, zéro déchet, lifestyle naturel\nPréfixe CSS: lz\n--\u003e\n\u003cdiv class=\"lz-premium\"\u003e\n\u003cdiv class=\"lz-hero\"\u003e\n\u003cdiv class=\"lz-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lz-hero-content\"\u003e\n\u003cdiv class=\"lz-badges-top\"\u003e\n\u003cspan class=\"lz-badge\"\u003e🌿 Zéro déchet\u003c\/span\u003e \u003cspan class=\"lz-badge\"\u003e💧 Eau seule suffit\u003c\/span\u003e \u003cspan class=\"lz-badge\"\u003e🔄 300 utilisations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lz-hero-title\"\u003eLingettes démaquillantes lavables\u003c\/span\u003e\n\u003cp class=\"lz-subtitle\"\u003eLe geste beauté écologique par excellence\u003c\/p\u003e\n\u003cp class=\"lz-description\"\u003e10 lingettes en microfibre ultra-douces qui remplacent 3000 cotons jetables. Démaquillez-vous efficacement avec de l'eau uniquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"lz-section\"\u003e\n\u003ch2\u003e✨ Pourquoi vous allez les adorer\u003c\/h2\u003e\n\u003cdiv class=\"lz-grid\"\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e💪 Ultra efficaces\u003c\/h3\u003e\n\u003cp\u003eLa microfibre capture le maquillage sans effort, même le mascara waterproof et l'eyeliner longue tenue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e🌸 Douces pour la peau\u003c\/h3\u003e\n\u003cp\u003eConviennent à tous les types de peau, y compris les plus sensibles et réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e💰 Économiques\u003c\/h3\u003e\n\u003cp\u003eUn investissement unique pour des années d'utilisation : chaque lingette dure jusqu'à 300 lavages\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e🌍 Écologiques\u003c\/h3\u003e\n\u003cp\u003e10 lingettes = 3000 cotons jetables évités. Votre poubelle de salle de bain reste vide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e💧 Eau seule\u003c\/h3\u003e\n\u003cp\u003eAucun produit chimique nécessaire : l'eau tiède suffit pour un démaquillage parfait\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e🧺 Faciles à entretenir\u003c\/h3\u003e\n\u003cp\u003eLe filet de lavage inclus permet un passage en machine avec le reste de votre linge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lz-section\"\u003e\n\u003ch2\u003e📦 Ce que contient votre coffret\u003c\/h2\u003e\n\u003cdiv class=\"lz-grid\"\u003e\n\u003cdiv class=\"lz-card lz-card-highlight\"\u003e\n\u003ch3\u003e🩷🤍 10 lingettes roses et blanches\u003c\/h3\u003e\n\u003cp\u003eEn microfibre haute performance, douces et résistantes pour des centaines d'utilisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card lz-card-highlight\"\u003e\n\u003ch3\u003e🧺 1 filet de lavage\u003c\/h3\u003e\n\u003cp\u003ePour regrouper vos lingettes sales et les laver facilement en machine jusqu'à 60°C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card lz-card-highlight\"\u003e\n\u003ch3\u003e📦 1 boîte de rangement\u003c\/h3\u003e\n\u003cp\u003eEn carton recyclable, élégante pour décorer votre salle de bain avec style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lz-section\"\u003e\n\u003ch2\u003e🪄 Comment les utiliser\u003c\/h2\u003e\n\u003cdiv class=\"lz-steps\"\u003e\n\u003cdiv class=\"lz-step\"\u003e\n\u003cdiv class=\"lz-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lz-step-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003ePassez votre lingette sous l'eau tiède du robinet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-step\"\u003e\n\u003cdiv class=\"lz-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lz-step-content\"\u003e\n\u003ch3\u003eDémaquillez\u003c\/h3\u003e\n\u003cp\u003ePassez délicatement sur le visage en mouvements circulaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-step\"\u003e\n\u003cdiv class=\"lz-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lz-step-content\"\u003e\n\u003ch3\u003eAdmirez\u003c\/h3\u003e\n\u003cp\u003eVotre peau est parfaitement nettoyée, sans résidu de maquillage\u003cspan class=\"lz-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Le secret :\u003c\/strong\u003e les fibres ultra-fines de la microfibre s'infiltrent dans les pores pour déloger impuretés et maquillage. Vous pouvez aussi les utiliser avec votre huile démaquillante préférée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lz-section\"\u003e\n\u003ch2\u003e👩 Pour qui sont ces lingettes ?\u003c\/h2\u003e\n\u003cdiv class=\"lz-grid\"\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e🌿 Les éco-responsables\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez réduire vos déchets et adopter une routine beauté plus durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e🌸 Les peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eVotre peau réagit aux produits chimiques ? L'eau seule ne provoque aucune irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e💄 Les makeup addicts\u003c\/h3\u003e\n\u003cp\u003eVous portez du maquillage longue tenue et cherchez une solution vraiment efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lz-card\"\u003e\n\u003ch3\u003e💰 Les économes\u003c\/h3\u003e\n\u003cp\u003eVous en avez assez d'acheter des cotons chaque semaine pour les jeter aussitôt\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lz-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"lz-accordion\"\u003e\n\u003cdetails class=\"lz-accordion-item\"\u003e\n\u003csummary class=\"lz-accordion-header\"\u003e🧼 Entretien et lavage\u003c\/summary\u003e\n\u003cdiv class=\"lz-accordion-content\"\u003e\n\u003cp\u003eAprès chaque utilisation, rincez votre lingette à l'eau claire. Placez les lingettes sales dans le filet de lavage fourni et lavez en machine avec le reste de votre linge jusqu'à 60°C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lz-accordion-item\"\u003e\n\u003csummary class=\"lz-accordion-header\"\u003e✨ Astuce de régénération\u003c\/summary\u003e\n\u003cdiv class=\"lz-accordion-content\"\u003e\n\u003cp\u003eVos lingettes perdent en efficacité après plusieurs lavages ? Faites-les bouillir dans une casserole d'eau pendant environ 10 minutes. Cette technique simple permet de régénérer les fibres et de leur redonner tout leur pouvoir nettoyant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lz-accordion-item\"\u003e\n\u003csummary class=\"lz-accordion-header\"\u003e🧵 Composition\u003c\/summary\u003e\n\u003cdiv class=\"lz-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eMatière :\u003c\/strong\u003e Microfibre haute performance (tissu ultra-absorbant spécialement conçu pour capturer les particules de maquillage avec une efficacité maximale).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"lz-accordion-item\"\u003e\n\u003csummary class=\"lz-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n\u003cdiv class=\"lz-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eConviennent-elles aux peaux sensibles ?\u003c\/strong\u003e\u003cbr\u003eOui, la microfibre est naturellement douce et ne nécessite aucun frottement agressif. L'absence de produit chimique évite tout risque d'irritation.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003ePuis-je démaquiller mes yeux ?\u003c\/strong\u003e\u003cbr\u003eAbsolument. Ces lingettes sont suffisamment douces pour la zone délicate du contour des yeux et suffisamment efficaces pour retirer mascara et eyeliner.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eDifférence avec les lingettes en bambou ?\u003c\/strong\u003e\u003cbr\u003eLes lingettes en bambou offrent une texture plus proche du coton. La microfibre Lamazuna présente l'avantage de nettoyer efficacement à l'eau seule grâce à ses fibres techniques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lz-section\"\u003e\n\u003ch2\u003e🇫🇷 Lamazuna, pionnière du zéro déchet\u003c\/h2\u003e\n\u003cdiv class=\"lz-brand-box\"\u003e\n\u003cp\u003eMarque française engagée depuis \u003cstrong\u003e2010\u003c\/strong\u003e dans la création de produits cosmétiques solides et d'accessoires réutilisables. Chaque produit est conçu pour réduire notre impact environnemental tout en offrant une \u003cstrong\u003eefficacité optimale\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lz-section\"\u003e\n\u003cdiv class=\"lz-cta-box\"\u003e\n\u003cp\u003e🌿 Faites le choix d'une beauté responsable.\u003cbr\u003e\u003cstrong\u003e10 lingettes aujourd'hui = 3000 cotons évités demain.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --lz-cream: #F9F7F4;\n  --lz-white: #ffffff;\n  --lz-primary: #D72B5F;\n  --lz-primary-dark: #B0234D;\n  --lz-primary-light: #FDF2F5;\n  --lz-secondary: #2AB5B0;\n  --lz-secondary-light: #E8F7F6;\n  --lz-accent: #C41E3A;\n  --lz-text: #1a1a1a;\n  --lz-text-light: #5a5a5a;\n  --lz-border: #e8e4e0;\n  --lz-shadow: 0 4px 24px rgba(215,43,95,.08);\n  --lz-shadow-lg: 0 12px 48px rgba(215,43,95,.15);\n  --lz-radius: 20px;\n  --lz-radius-sm: 12px;\n}\n\n.lz-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lz-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lz-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--lz-primary) 0%, #E84A7A 50%, var(--lz-secondary) 100%);\n  border-radius: var(--lz-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(--lz-shadow-lg);\n}\n\n.lz-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.1'%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: .15;\n}\n\n.lz-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lz-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.lz-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(--lz-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lz-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lz-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.lz-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.lz-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\/* === SECTIONS === *\/\n.lz-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lz-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lz-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.lz-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(--lz-primary), var(--lz-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.lz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.lz-card {\n  background: var(--lz-white);\n  border-radius: var(--lz-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lz-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lz-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lz-shadow-lg);\n  border-color: var(--lz-primary);\n}\n\n.lz-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lz-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lz-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lz-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lz-card-highlight {\n  background: linear-gradient(135deg, var(--lz-primary-light) 0%, var(--lz-white) 100%);\n  border: 2px solid var(--lz-primary-light);\n}\n\n\/* === ÉTAPES === *\/\n.lz-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n}\n\n.lz-step {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  background: var(--lz-white);\n  border-radius: var(--lz-radius);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--lz-shadow);\n  transition: all .3s ease;\n}\n\n.lz-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--lz-shadow-lg);\n}\n\n.lz-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--lz-primary) 0%, var(--lz-secondary) 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  box-shadow: 0 4px 12px rgba(215,43,95,.3);\n}\n\n.lz-step-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--lz-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lz-step-content p {\n  font-size: 14px;\n  color: var(--lz-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lz-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--lz-secondary-light);\n  border-radius: var(--lz-radius);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--lz-secondary);\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.lz-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lz-tip p {\n  font-size: 14px;\n  color: var(--lz-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lz-accordion {\n  background: var(--lz-white);\n  border-radius: var(--lz-radius);\n  box-shadow: var(--lz-shadow);\n  overflow: hidden;\n}\n\n.lz-accordion-item {\n  border-bottom: 1px solid var(--lz-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lz-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lz-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lz-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.lz-accordion-header:hover {\n  background: var(--lz-primary-light);\n}\n\n.lz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lz-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lz-primary);\n  transition: transform .2s ease;\n}\n\n.lz-accordion-item[open] .lz-accordion-header::after {\n  content: '−';\n}\n\n.lz-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lz-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.lz-accordion-content p {\n  margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.lz-brand-box {\n  background: linear-gradient(135deg, var(--lz-secondary-light) 0%, var(--lz-white) 100%);\n  border-radius: var(--lz-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  border: 2px solid var(--lz-secondary);\n}\n\n.lz-brand-box p {\n  font-size: clamp(14px, 2.5vw, 17px);\n  color: var(--lz-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.lz-cta-box {\n  background: linear-gradient(135deg, var(--lz-primary) 0%, var(--lz-primary-dark) 100%);\n  border-radius: var(--lz-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lz-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M20 20c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10-10-4.477-10-10zm-20 0c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10S0 25.523 0 20z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.lz-cta-box p {\n  position: relative;\n  z-index: 1;\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  .lz-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .lz-card {\n    padding: 1.125rem;\n  }\n  \n  .lz-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .lz-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lz-radius-sm);\n  }\n  \n  .lz-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .lz-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .lz-step {\n    padding: 1rem;\n    gap: 1rem;\n  }\n  \n  .lz-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 17px;\n  }\n  \n  .lz-step-content h3 {\n    font-size: 15px;\n  }\n  \n  .lz-step-content p {\n    font-size: 13px;\n  }\n  \n  .lz-tip {\n    padding: 1rem;\n    flex-direction: column;\n    gap: .5rem;\n    text-align: center;\n  }\n  \n  .lz-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .lz-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .lz-brand-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lz-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .lz-card:nth-child(1) { animation-delay: .05s; }\n  .lz-card:nth-child(2) { animation-delay: .1s; }\n  .lz-card:nth-child(3) { animation-delay: .15s; }\n  .lz-card:nth-child(4) { animation-delay: .2s; }\n  .lz-card:nth-child(5) { animation-delay: .25s; }\n  .lz-card:nth-child(6) { animation-delay: .3s; }\n  \n  .lz-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .lz-step:nth-child(1) { animation-delay: .1s; }\n  .lz-step:nth-child(2) { animation-delay: .2s; }\n  .lz-step:nth-child(3) { 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@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lz-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56498024841593,"sku":"NBAILAM0011","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lingettes-demaquillantes-ecologiques-lamazuna.jpg?v=1768381562"},{"product_id":"nettoyant-visage-poudre-diluer-aloe-vera-pimpant","title":"Nettoyant Visage en Poudre à Diluer - Aloe Vera - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pmp-hero\"\u003e\n    \u003cdiv class=\"pmp-hero-pattern\"\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,2 % d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e\n        \u003cspan class=\"pmp-badge\"\u003e♻️ Recharge poudre zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pmp-hero-title\"\u003eNettoyant visage en poudre à diluer - Aloe vera\u003c\/span\u003e\n      \u003cp class=\"pmp-subtitle\"\u003ePar Pimpant\u003c\/p\u003e\n      \u003cp class=\"pmp-description\"\u003e25 g de poudre = 250 ml de gel nettoyant visage à l'aloe vera bio et à l'acide hyaluronique. Moins de plastique, plus de soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eGel nettoyant visage à l'aloe vera bio et à l'acide hyaluronique - La recharge en poudre Pimpant\u003c\/h2\u003e\n    \u003cp class=\"pmp-section-intro\"\u003eEt si votre nettoyant visage en poudre devenait le geste le plus malin de votre routine beauté ?\u003c\/p\u003e\n    \u003cdiv class=\"pmp-testimonial\"\u003e\n      \u003cp class=\"pmp-testimonial-text\"\u003eAvec cette recharge Pimpant, vous préparez vous-même \u003cstrong\u003e250 ml de gel nettoyant visage à l'aloe vera bio\u003c\/strong\u003e à partir de seulement 25 g de poudre à diluer. Moins de plastique, moins de transport, zéro compromis sur l'efficacité : votre peau et la planète vous disent merci.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce nettoyant visage en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"pmp-section-intro\"\u003eCe gel nettoyant visage aloe vera n'est pas un énième produit noyé dans l'eau. Ici, \u003cstrong\u003e99,2 % des ingrédients sont d'origine naturelle\u003c\/strong\u003e, la formule est \u003cstrong\u003ecertifiée COSMOS Natural par Ecocert\u003c\/strong\u003e et tout est \u003cstrong\u003efabriqué en Normandie\u003c\/strong\u003e. Le format poudre à diluer supprime le superflu et ne conserve que l'essentiel.\u003c\/p\u003e\n    \u003cdiv class=\"pmp-grid\"\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise et hydrate les peaux sensibles, tiraillées ou sujettes aux rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eAide à repulper la peau et à maintenir son niveau d'hydratation naturel (Sodium Hyaluronate).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e✨ Érythritol\u003c\/h3\u003e\n        \u003cp\u003eComplète l'action hydratante pour un confort immédiat après le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🧴 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n        \u003cp\u003eTensioactif doux d'origine naturelle qui nettoie sans agresser le film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"pmp-accordion\"\u003e\n      \u003cdetails class=\"pmp-accordion-item\" open\u003e\n        \u003csummary class=\"pmp-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n        \u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n          \u003cp\u003eSodium Cocoyl Glutamate, Erythritol, Xanthan Gum, Potassium Sorbate, Sodium Benzoate, Parfum (d'origine naturelle), Aloe Barbadensis Leaf Juice Powder*, Citric Acid, Sodium Hyaluronate. \u003cem\u003e*Ingrédient issu 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\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eComment préparer votre gel nettoyant visage ?\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 tiède\u003c\/h3\u003e\n          \u003cp\u003eVersez \u003cstrong\u003e225 ml d'eau tiède\u003c\/strong\u003e dans votre flacon réutilisable (jusqu'au repère indiqué).\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\u003eAjoutez l'intégralité du sachet de poudre dans le flacon.\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\u003eRefermez le flacon 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 pour que le gel se forme correctement.\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\u003eUne fois préparé, votre nettoyant se conserve \u003cstrong\u003ejusqu'à 3 mois\u003c\/strong\u003e. Le sachet fermé, quant à lui, se garde \u003cstrong\u003e3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eComment utiliser ce nettoyant au quotidien ?\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\u003eHumidifiez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre visage à l'eau claire.\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\u003eAppliquez et massez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de gel nettoyant et faites mousser du bout des doigts.\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\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=\"pmp-timeline-item\"\u003e\n        \u003cdiv class=\"pmp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pmp-timeline-content\"\u003e\n          \u003ch3\u003eSéchez en douceur\u003c\/h3\u003e\n          \u003cp\u003eSéchez délicatement en tamponnant avec une serviette propre.\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\u003eConvient aux \u003cstrong\u003eadultes à partir de 16 ans\u003c\/strong\u003e. Ce produit n'est pas adapté aux enfants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pmp-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'aloe vera et de l'acide hyaluronique pour le visage\u003c\/h2\u003e\n    \u003cdiv class=\"pmp-grid\"\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés apaisantes et hydratantes, il calme les sensations d'inconfort et laisse la peau souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eNaturellement présent dans notre organisme, il capte l'eau et contribue à repulper les traits fatigués.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmp-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre respecté\u003c\/h3\u003e\n        \u003cp\u003eUn nettoyage doux qui respecte l'équilibre de votre peau, sans la dessécher ni l'agresser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"pmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUn format éco-responsable vraiment engagé\u003c\/h2\u003e\n    \u003cdiv class=\"pmp-cta-box\"\u003e\n      \u003cp\u003eChaque sachet de poudre à diluer remplace un flacon de gel nettoyant visage classique. Vous réutilisez votre contenant, vous réduisez vos déchets plastiques et vous allégez votre empreinte carbone grâce à un transport plus léger. C'est une démarche concrète, pas du greenwashing.\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 dermatologique. En cas de doute sur la compatibilité avec votre peau, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pmp-cream: #f5faf8;\n  --pmp-white: #ffffff;\n  --pmp-primary: #7ac4b5;\n  --pmp-primary-dark: #2a7a6a;\n  --pmp-primary-light: #e6f5f1;\n  --pmp-secondary: #a8d8c8;\n  --pmp-accent: #4da893;\n  --pmp-text: #1a1a1a;\n  --pmp-text-light: #5a6b65;\n  --pmp-border: #d6e8e2;\n  --pmp-shadow: 0 4px 24px rgba(42,122,106,.08);\n  --pmp-shadow-lg: 0 12px 48px rgba(42,122,106,.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.pmp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5bafa0 0%, #7ac4b5 40%, #a8d8c8 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: \n    radial-gradient(ellipse 80px 120px at 15% 30%, rgba(255,255,255,.12) 0%, transparent 70%),\n    radial-gradient(ellipse 60px 100px at 85% 60%, rgba(255,255,255,.1) 0%, transparent 70%),\n    radial-gradient(ellipse 40px 90px at 50% 80%, rgba(255,255,255,.08) 0%, transparent 70%),\n    radial-gradient(ellipse 70px 110px at 70% 20%, rgba(255,255,255,.1) 0%, transparent 70%);\n  opacity: .6;\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,.15);\n}\n\n.pmp-subtitle {\n  color: rgba(255,255,255,.85);\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.pmp-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\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.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}\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.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-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.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.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.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.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.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.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.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@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@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@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":56746601120121,"sku":"NBAIPIM0009","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/nettoyant-visage-en-poudre-diluer-aloe-vera-pimpant-lifestyle.webp?v=1772191481"},{"product_id":"lingettes-multi-usage-demaquillantes-angie-be-green","title":"Lingettes Démaquillantes lavables (x10) - Angie Be Green","description":"\u003cdiv class=\"abg-premium\"\u003e\n\u003cdiv class=\"abg-hero\"\u003e\n\u003cdiv class=\"abg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"abg-hero-content\"\u003e\n\u003cdiv class=\"abg-badges-top\"\u003e\n\u003cspan class=\"abg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"abg-badge\"\u003e🎋 Éponge de bambou\u003c\/span\u003e \u003cspan class=\"abg-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e \u003cspan class=\"abg-badge\"\u003e🤝 Production solidaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"abg-hero-title\"\u003eLingettes Multi-usage \u0026amp; Démaquillantes\u003c\/span\u003e\n\u003cp class=\"abg-subtitle\"\u003eAngie Be Green\u003c\/p\u003e\n\u003cp class=\"abg-description\"\u003eDes lingettes lavables en éponge de bambou, d'une douceur remarquable, fabriquées à la main en France dans une démarche solidaire et anti-gaspillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"abg-section\"\u003e\n\u003cp class=\"abg-section-intro\"\u003eEt si vous remplaciez définitivement les cotons jetables par des \u003cstrong\u003elingettes démaquillantes lavables\u003c\/strong\u003e aussi douces qu'efficaces ? Avec ce lot de 10 lingettes multi-usage Angie Be Green, vous faites un geste concret pour votre peau \u003cem\u003eet\u003c\/em\u003e pour la planète, sans rien sacrifier au confort.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"abg-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces lingettes lavables en éponge de bambou ?\u003c\/h2\u003e\n\u003cdiv class=\"abg-grid\"\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🎋 Douceur du bambou\u003c\/h3\u003e\n\u003cp\u003eL'éponge de bambou offre une douceur remarquable au contact de la peau, idéale même pour les épidermes les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🧽 Ultra-absorbante\u003c\/h3\u003e\n\u003cp\u003eLe bambou est naturellement très absorbant : il capture le maquillage, l'excès de sébum et les impuretés sans agresser votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e📐 Format parfait\u003c\/h3\u003e\n\u003cp\u003eAvec leurs \u003cstrong\u003e11 × 11 cm\u003c\/strong\u003e, elles sont assez grandes pour être pratiques, assez petites pour se glisser partout : trousse, sac de voyage ou lavabo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"abg-section\"\u003e\n\u003ch2\u003eBien plus que des lingettes démaquillantes\u003c\/h2\u003e\n\u003cp class=\"abg-section-intro\"\u003eCe qui distingue vraiment ces \u003cstrong\u003elingettes nettoyantes\u003c\/strong\u003e, c'est leur polyvalence. Un seul produit, une multitude de besoins quotidiens.\u003c\/p\u003e\n\u003cdiv class=\"abg-grid-compact\"\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e✨ Nettoyer le visage\u003c\/h3\u003e\n\u003cp\u003eAu quotidien, matin et soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e💧 Essuyer une tache\u003c\/h3\u003e\n\u003cp\u003eSur un plan de travail ou une surface lisse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🪶 Dépoussiérer\u003c\/h3\u003e\n\u003cp\u003eMeubles et objets délicats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🪟 Laver les vitres\u003c\/h3\u003e\n\u003cp\u003eSans laisser de trace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🧴 Lingettes pour le corps\u003c\/h3\u003e\n\u003cp\u003eMains ou corps en déplacement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e♻️ Philosophie zéro déchet\u003c\/h3\u003e\n\u003cp\u003eUn geste concret poussé jusqu'au bout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"abg-section\"\u003e\n\u003ch2\u003eUne fabrication française, solidaire et écoresponsable\u003c\/h2\u003e\n\u003cdiv class=\"abg-grid\"\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fait main en France\u003c\/h3\u003e\n\u003cp\u003eChaque lingette est \u003cstrong\u003efabriquée à la main\u003c\/strong\u003e dans la région des Hauts-de-France, avec un soin artisanal remarquable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🤝 Démarche solidaire\u003c\/h3\u003e\n\u003cp\u003eConfectionnées par des personnes en situation de handicap ou d'insertion professionnelle. Un achat qui a du sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🌱 Anti-gaspillage\u003c\/h3\u003e\n\u003cp\u003eLe tissu provient de \u003cstrong\u003efins de stock d'éponge de bambou\u003c\/strong\u003e : du zéro déchet dès la fabrication, pas seulement à l'usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"abg-section\"\u003e\n\u003ch2\u003eComment utiliser et entretenir vos lingettes démaquillantes lavables ?\u003c\/h2\u003e\n\u003cp class=\"abg-section-intro\"\u003ePour le démaquillage, humidifiez simplement la lingette à l'eau tiède, puis passez-la sur le visage et les yeux. Vous pouvez ajouter votre huile démaquillante ou eau micellaire habituelle, mais beaucoup d'utilisatrices constatent que l'éponge de bambou seule suffit.\u003c\/p\u003e\n\u003cdiv class=\"abg-timeline\"\u003e\n\u003cdiv class=\"abg-timeline-item\"\u003e\n\u003cdiv class=\"abg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-content\"\u003e\n\u003ch3\u003eHumidifiez\u003c\/h3\u003e\n\u003cp\u003ePassez la lingette sous l'eau tiède. Ajoutez votre produit nettoyant si vous le souhaitez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-item\"\u003e\n\u003cdiv class=\"abg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-content\"\u003e\n\u003ch3\u003eNettoyez en douceur\u003c\/h3\u003e\n\u003cp\u003ePassez la lingette sur le visage, les yeux et le cou. L'éponge de bambou capture maquillage et impuretés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-item\"\u003e\n\u003cdiv class=\"abg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-content\"\u003e\n\u003ch3\u003eRincez et laissez sécher\u003c\/h3\u003e\n\u003cp\u003eRincez la lingette après utilisation et laissez-la sécher à l'air libre entre deux utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-item\"\u003e\n\u003cdiv class=\"abg-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"abg-timeline-content\"\u003e\n\u003ch3\u003eLavez en machine\u003c\/h3\u003e\n\u003cp\u003eEn fin de semaine, lavage en machine à \u003cstrong\u003e30 °C ou 40 °C\u003c\/strong\u003e. Séchage à l'air libre de préférence. Durée de vie de \u003cstrong\u003eplusieurs années\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-tip\"\u003e\n\u003cspan class=\"abg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAvec 10 lingettes dans le lot, vous disposez d'un roulement confortable : utilisez-en une ou deux par jour et lancez un lavage en fin de semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"abg-section\"\u003e\n\u003ch2\u003eCaractéristiques des lingettes\u003c\/h2\u003e\n\u003cdiv class=\"abg-grid-compact\"\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🎋 Matière\u003c\/h3\u003e\n\u003cp\u003eÉponge de bambou, douce et absorbante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e📐 Dimensions\u003c\/h3\u003e\n\u003cp\u003e11 × 11 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n\u003cp\u003e7 g par lingette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n\u003cp\u003eLot de 10 lingettes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eArtisanale, à la main, en France (Hauts-de-France)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"abg-card\"\u003e\n\u003ch3\u003e🤝 Engagement\u003c\/h3\u003e\n\u003cp\u003eProduction solidaire et anti-gaspillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"abg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"abg-cta-box\"\u003e\n\u003cp\u003eAdopter ces \u003cstrong\u003elingettes démaquillantes lavables\u003c\/strong\u003e Angie Be Green, c'est choisir un geste simple qui a du sens : moins de déchets, plus de douceur, et le soutien d'un savoir-faire artisanal français et solidaire. Votre peau, et votre poubelle, vous diront merci. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --abg-cream: #f5f0eb;\n  --abg-white: #ffffff;\n  --abg-primary: #6b7b8d;\n  --abg-primary-dark: #3d4f5f;\n  --abg-primary-light: #e8edf1;\n  --abg-secondary: #8fa68b;\n  --abg-accent: #a4b494;\n  --abg-text: #1a1a1a;\n  --abg-text-light: #5a5a5a;\n  --abg-border: #e0e0e0;\n  --abg-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --abg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --abg-radius: 20px;\n  --abg-radius-sm: 12px;\n}\n\n.abg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--abg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.abg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d4f5f 0%, #6b7b8d 40%, #8fa68b 100%);\n  border-radius: var(--abg-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(--abg-shadow-lg);\n}\n\n.abg-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(143,166,139,.1) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.abg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.abg-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.abg-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: .05em;\n  text-transform: uppercase;\n}\n\n.abg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.abg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.abg-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(--abg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.abg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.abg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.abg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--abg-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.abg-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(--abg-primary), var(--abg-secondary));\n  border-radius: 2px;\n}\n\n.abg-card {\n  background: var(--abg-white);\n  border-radius: var(--abg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--abg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.abg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--abg-shadow-lg);\n  border-color: var(--abg-primary);\n}\n\n.abg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--abg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.abg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--abg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.abg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.abg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.abg-grid-compact .abg-card {\n  padding: 1rem;\n}\n\n.abg-grid-compact .abg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.abg-grid-compact .abg-card p {\n  font-size: 12px;\n}\n\n.abg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.abg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.abg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--abg-primary), var(--abg-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.abg-timeline-content {\n  flex: 1;\n  background: var(--abg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--abg-radius-sm);\n  box-shadow: var(--abg-shadow);\n}\n\n.abg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--abg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.abg-timeline-content p {\n  font-size: 14px;\n  color: var(--abg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.abg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--abg-primary-light);\n  border-radius: var(--abg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.abg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.abg-tip p {\n  font-size: 14px;\n  color: var(--abg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.abg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--abg-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.abg-cta-box {\n  background: linear-gradient(135deg, var(--abg-primary) 0%, var(--abg-primary-dark) 100%);\n  border-radius: var(--abg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.abg-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@media (max-width: 767px) {\n  .abg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .abg-card {\n    padding: 1.125rem;\n  }\n\n  .abg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .abg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--abg-radius-sm);\n  }\n\n  .abg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .abg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .abg-grid-compact {\n    gap: .625rem;\n  }\n\n  .abg-grid-compact .abg-card {\n    padding: .75rem;\n  }\n\n  .abg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .abg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .abg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .abg-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .abg-card {\n    animation: abgFadeInUp .5s ease backwards;\n  }\n  .abg-card:nth-child(1) { animation-delay: .05s; }\n  .abg-card:nth-child(2) { animation-delay: .1s; }\n  .abg-card:nth-child(3) { animation-delay: .15s; }\n  .abg-card:nth-child(4) { animation-delay: .2s; }\n  .abg-card:nth-child(5) { animation-delay: .25s; }\n  .abg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .abg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Angie Be Green","offers":[{"title":"Default Title","offer_id":56823469179257,"sku":"NBAIABG0082","price":12.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lingettes-multi-usage-ou-demaquillantes-x10-petites-angie-be-lifestyle.webp?v=1773132161"},{"product_id":"eponge-konjac-bio-au-charbon-actif-kyuke","title":"Éponge Konjac Bio au Charbon actif - Kyuké","description":"\u003cdiv class=\"kj-premium\"\u003e\n\n  \u003cdiv class=\"kj-hero\"\u003e\n    \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kj-hero-content\"\u003e\n      \u003cdiv class=\"kj-badges-top\"\u003e\n        \u003cspan class=\"kj-badge\"\u003e🇯🇵 Fabriquée à la main au Japon\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🌿 Certifiée bio JAS\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🐰 Non testée sur les animaux\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e♻️ 100 % biodégradable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kj-hero-title\"\u003eÉponge Konjac Bio au Charbon Actif\u003c\/span\u003e\n      \u003cp class=\"kj-subtitle\"\u003eLe secret japonais pour une peau purifiée et éclatante\u003c\/p\u003e\n      \u003cp class=\"kj-description\"\u003eFibres 100 % végétales enrichies au charbon actif binchotan — nettoyage purifiant et exfoliation douce pour tous les types de peau.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eÉponge Konjac Bio au charbon actif : le rituel japonais pour une peau purifiée\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eVous cherchez une \u003cstrong\u003eéponge konjac visage\u003c\/strong\u003e capable de nettoyer votre peau en profondeur tout en la respectant ? L'éponge Konjac Bio au Charbon Actif de Kyuké est bien plus qu'un simple accessoire de toilette. \u003cstrong\u003eFabriquée à la main au Japon\u003c\/strong\u003e à partir de fibres 100 % végétales et de charbon actif binchotan, elle offre un nettoyage purifiant et une exfoliation douce, même sur les peaux les plus sensibles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une éponge de konjac au charbon actif ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eLe \u003cstrong\u003ekonjac\u003c\/strong\u003e, plante vivace cultivée au Japon depuis des siècles, associé au \u003cstrong\u003echarbon actif binchotan\u003c\/strong\u003e reconnu pour ses propriétés absorbantes, forme un duo redoutable pour votre routine beauté.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🧴 Nettoyage en profondeur des pores\u003c\/h3\u003e\n        \u003cp\u003eLe charbon actif attire et piège les impuretés, les toxines et l'excès de sébum logés dans la peau pour un teint net et lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e✨ Exfoliation douce\u003c\/h3\u003e\n        \u003cp\u003eLa texture fine du mannane de konjac élimine les cellules mortes sans micro-rayures ni irritation, même sur les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🛡️ Propriétés antibactériennes\u003c\/h3\u003e\n        \u003cp\u003eLe charbon actif contribue à assainir la peau, un atout précieux si vous avez une peau grasse ou sujette aux imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e💚 Respect de tous les types de peau\u003c\/h3\u003e\n        \u003cp\u003eDe la peau sensible à la peau mixte, cette éponge en konjac s'adapte à chaque besoin avec douceur et efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComposition transparente\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eSeulement \u003cstrong\u003etrois ingrédients\u003c\/strong\u003e composent cette éponge konjac, et c'est précisément ce qui fait sa force.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid-compact\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌱 Mannane de konjac\u003c\/h3\u003e\n        \u003cp\u003eFibre végétale naturelle, douce et hypoallergénique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e⬛ Charbon actif binchotan\u003c\/h3\u003e\n        \u003cp\u003ePoudre purifiante et absorbante issue du bois japonais\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e💧 Hydroxyde de calcium\u003c\/h3\u003e\n        \u003cp\u003eAgent naturel de transformation de la fibre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n        \u003cp\u003eBio JAS, sans parabène, cruelty-free, biodégradable et écologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComment utiliser votre éponge konjac visage ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eUn rituel simple et agréable qui s'intègre facilement à votre routine quotidienne, matin et soir.\u003c\/p\u003e\n    \u003cdiv class=\"kj-timeline\"\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eHydratez\u003c\/h3\u003e\n          \u003cp\u003eTrempez l'éponge dans de l'eau tiède pendant 3 à 5 minutes jusqu'à ce qu'elle devienne souple et gonflée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eEssorez\u003c\/h3\u003e\n          \u003cp\u003ePressez délicatement l'excès d'eau sans tordre l'éponge pour préserver ses fibres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eEffectuez de légers mouvements circulaires sur le visage, seule ou avec votre nettoyant habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède après chaque utilisation pour éliminer tout résidu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kj-tip\"\u003e\n      \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette éponge konjac peut être utilisée \u003cstrong\u003equotidiennement, matin et soir\u003c\/strong\u003e, pour des résultats visibles dès les premières utilisations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eEntretien et durée de vie : l'éponge konjac est-elle un nid à bactéries ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eC'est une question fréquente, et la réponse est rassurante. Contrairement aux idées reçues, une éponge konjac bien entretenue ne devient pas un nid à bactéries.\u003c\/p\u003e\n    \u003cdiv class=\"kj-accordion\"\u003e\n      \u003cdetails class=\"kj-accordion-item\" open\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e💦 Rinçage après chaque utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n          \u003cp\u003eRincez-la soigneusement après chaque utilisation à l'eau tiède pour éliminer toute trace de nettoyant et d'impuretés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e🌬️ Séchage à l'air libre\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n          \u003cp\u003eSuspendez-la par sa cordelette dans un endroit frais et sec pour qu'elle sèche complètement à l'air libre entre chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e🔄 Remplacement régulier\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n          \u003cp\u003eRemplacez-la \u003cstrong\u003etous les 2 à 3 mois\u003c\/strong\u003e pour conserver une hygiène irréprochable et des fibres optimalement efficaces.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est faite cette éponge ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eCette éponge konjac corps et visage convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, mais elle est particulièrement recommandée pour les peaux grasses, mixtes ou sujettes à l'acné.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid-compact\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🫧 Peau grasse\u003c\/h3\u003e\n        \u003cp\u003eRégule l'excès de sébum et désincruste les pores en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e⚖️ Peau mixte\u003c\/h3\u003e\n        \u003cp\u003eÉquilibre les zones grasses sans dessécher les zones sèches\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🔴 Peau acnéique\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés antibactériennes du charbon aident à clarifier le teint\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n        \u003cp\u003eExfoliation ultra-douce sans irritation grâce aux fibres végétales naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kj-cta-box\"\u003e\n      \u003cp\u003e🇯🇵 En adoptant cette éponge konjac artisanale japonaise, vous faites le choix d'un soin naturel, responsable et efficace.\u003cbr\u003eVotre peau vous remerciera.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kj-disclaimer\"\u003eRemplacer l'éponge tous les 2 à 3 mois. Ne pas utiliser sur peau lésée ou irritée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kj-cream: #f4f1ec;\n  --kj-white: #ffffff;\n  --kj-primary: #2d6b52;\n  --kj-primary-dark: #1a4535;\n  --kj-primary-light: #e8f2ed;\n  --kj-secondary: #8ab89e;\n  --kj-accent: #3a3a3a;\n  --kj-text: #1a1a1a;\n  --kj-text-light: #5a5a5a;\n  --kj-border: #ddd8d0;\n  --kj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kj-radius: 20px;\n  --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a4535 0%, #2d6b52 45%, #3a3a3a 100%);\n  border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(138,184,158,.15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n              repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n  opacity: .6;\n}\n\n.kj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kj-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.kj-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.kj-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.kj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.kj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kj-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.kj-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(--kj-primary), var(--kj-secondary));\n  border-radius: 2px;\n}\n\n.kj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kj-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.kj-card {\n  background: var(--kj-white);\n  border-radius: var(--kj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kj-shadow-lg);\n  border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kj-grid-compact .kj-card {\n  padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n  font-size: 12px;\n}\n\n.kj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kj-primary), var(--kj-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.kj-timeline-content {\n  flex: 1;\n  background: var(--kj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kj-radius-sm);\n  box-shadow: var(--kj-shadow);\n}\n\n.kj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kj-timeline-content p {\n  font-size: 14px;\n  color: var(--kj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.kj-accordion {\n  background: var(--kj-white);\n  border-radius: var(--kj-radius);\n  box-shadow: var(--kj-shadow);\n  overflow: hidden;\n}\n\n.kj-accordion-item {\n  border-bottom: 1px solid var(--kj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kj-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.kj-accordion-header:hover {\n  background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kj-primary);\n  transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n  content: '−';\n}\n\n.kj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kj-accordion-content p {\n  margin: 0;\n}\n\n.kj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kj-primary-light);\n  border-radius: var(--kj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kj-tip p {\n  font-size: 14px;\n  color: var(--kj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kj-cta-box {\n  background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n  border-radius: var(--kj-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.kj-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.kj-disclaimer {\n  font-size: 12px;\n  color: var(--kj-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .kj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kj-card {\n    padding: 1.125rem;\n  }\n\n  .kj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kj-radius-sm);\n  }\n\n  .kj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kj-grid-compact {\n    gap: .625rem;\n  }\n\n  .kj-grid-compact .kj-card {\n    padding: .75rem;\n  }\n\n  .kj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kj-badges-top {\n    gap: 6px;\n  }\n\n  .kj-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .kj-card {\n    animation: kjFadeInUp .5s ease backwards;\n  }\n  .kj-card:nth-child(1) { animation-delay: .05s; }\n  .kj-card:nth-child(2) { animation-delay: .1s; }\n  .kj-card:nth-child(3) { animation-delay: .15s; }\n  .kj-card:nth-child(4) { animation-delay: .2s; }\n  .kj-card:nth-child(5) { animation-delay: .25s; }\n  .kj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kjFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .kj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Kyuké","offers":[{"title":"Default Title","offer_id":56880397222265,"sku":"NBAIKYU0016","price":10.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eponge-konjac-bio-au-charbon-actif-kyuke-lifestyle_9c9d203d-9206-4eb5-b504-f059910f8604.webp?v=1774002021"},{"product_id":"10-disques-demaquillants-lavables-bambaw","title":"Boîte de 10 lingettes démaquillantes lavables – Bambaw","description":"\u003cdiv class=\"bw-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bw-hero\"\u003e\n\u003cdiv class=\"bw-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bw-hero-content\"\u003e\n\u003cdiv class=\"bw-badges-top\"\u003e\n\u003cspan class=\"bw-badge\"\u003e🌿 Zéro déchet\u003c\/span\u003e \u003cspan class=\"bw-badge\"\u003e🎋 Fibres de bambou\u003c\/span\u003e \u003cspan class=\"bw-badge\"\u003e♻️ 10 lingettes réutilisables\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bw-hero-title\"\u003eLingettes démaquillantes lavables Bambaw\u003c\/span\u003e\n\u003cp class=\"bw-subtitle\"\u003eLe kit complet pour une routine beauté durable et sans compromis\u003c\/p\u003e\n\u003cp class=\"bw-description\"\u003e10 disques réutilisables en fibres de bambou - 2 textures complémentaires, 1 sac de lavage en coton, des centaines d'utilisations à la clé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"bw-section\"\u003e\n\u003cp class=\"bw-section-intro\"\u003eVous cherchez une alternative durable et efficace aux cotons jetables ? Les \u003cstrong\u003elingettes démaquillantes lavables Bambaw\u003c\/strong\u003e vous permettent de vous démaquiller chaque jour sans produire de déchets. Cette boîte contient \u003cstrong\u003e10 lingettes réutilisables\u003c\/strong\u003e en fibres de bambou, conçues pour durer des centaines d'utilisations tout en prenant soin de votre peau.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"bw-section\"\u003e\n\u003ch2\u003eQue contient cette boîte de lingettes réutilisables ?\u003c\/h2\u003e\n\u003cdiv class=\"bw-grid\"\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e🧖♀️ 8 lingettes douces en velours\u003c\/h3\u003e\n\u003cp\u003e80 % bambou, 20 % coton - idéales pour le démaquillage quotidien et les zones sensibles comme le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e✨ 2 lingettes exfoliantes en éponge\u003c\/h3\u003e\n\u003cp\u003e60 % bambou, 20 % coton, 20 % polyester - parfaites pour le maquillage résistant et le nettoyage en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e👝 1 sac de lavage en coton\u003c\/h3\u003e\n\u003cp\u003ePour un entretien facile en machine. Il suffit d'y glisser vos lingettes et de lancer le cycle : pratique et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e📖 1 guide d'utilisation numérique\u003c\/h3\u003e\n\u003cp\u003eInclus avec votre commande pour vous accompagner dans l'adoption de votre nouvelle routine zéro déchet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-tip\"\u003e\n\u003cspan class=\"bw-tip-icon\"\u003e📏\u003c\/span\u003e\n\u003cp\u003eChaque disque mesure \u003cstrong\u003e7,5 cm de diamètre\u003c\/strong\u003e, un format pratique qui se glisse partout : trousse de toilette, sac de voyage ou salle de bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"bw-section\"\u003e\n\u003ch2\u003eDeux textures pour répondre à tous vos besoins\u003c\/h2\u003e\n\u003cp class=\"bw-section-intro\"\u003eCe qui distingue ce kit, c'est la \u003cstrong\u003ecomplémentarité des deux types de lingettes\u003c\/strong\u003e. Vous n'avez pas à choisir entre douceur et efficacité.\u003c\/p\u003e\n\u003cdiv class=\"bw-grid-compact\"\u003e\n\u003cdiv class=\"bw-card bw-card-highlight-velvet\"\u003e\n\u003ch3\u003e🤍 Lingettes douces en velours\u003c\/h3\u003e\n\u003cp\u003ePensées pour le démaquillage de tous les jours. Leur texture soyeuse convient parfaitement au contour des yeux, au maquillage léger et même à l'application de votre crème de jour ou fond de teint. Extrêmement douces dès la première utilisation, elles \u003cstrong\u003es'adoucissent encore au fil des lavages\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-card bw-card-highlight-exfo\"\u003e\n\u003ch3\u003e💎 Lingettes exfoliantes en éponge\u003c\/h3\u003e\n\u003cp\u003eElles prennent le relais lorsque vous portez un maquillage plus tenace. Mascara waterproof, fond de teint longue tenue ou même vernis à ongles : un nettoyage en profondeur sans agresser votre peau. Une légère exfoliation qui laisse le visage net et frais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"bw-section\"\u003e\n\u003ch2\u003eComment entretenir vos lingettes démaquillantes lavables ?\u003c\/h2\u003e\n\u003cp class=\"bw-section-intro\"\u003eL'entretien de ces \u003cstrong\u003elingettes réutilisables\u003c\/strong\u003e est très simple et ne demande que quelques gestes :\u003c\/p\u003e\n\u003cdiv class=\"bw-timeline\"\u003e\n\u003cdiv class=\"bw-timeline-item\"\u003e\n\u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-content\"\u003e\n\u003ch3\u003eAprès chaque utilisation\u003c\/h3\u003e\n\u003cp\u003eRincez la lingette à l'eau chaude avec un peu de savon pour retirer les résidus de maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-item\"\u003e\n\u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-content\"\u003e\n\u003ch3\u003ePassage en machine\u003c\/h3\u003e\n\u003cp\u003ePlacez les lingettes dans le sac en coton fourni et lavez entre \u003cstrong\u003e40 °C et 60 °C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-item\"\u003e\n\u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-content\"\u003e\n\u003ch3\u003eSéchage naturel\u003c\/h3\u003e\n\u003cp\u003eLaissez sécher à l'air libre pour préserver la qualité des fibres de bambou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-item\"\u003e\n\u003cdiv class=\"bw-timeline-number\"\u003e⚠\u003c\/div\u003e\n\u003cdiv class=\"bw-timeline-content\"\u003e\n\u003ch3\u003eÀ éviter\u003c\/h3\u003e\n\u003cp\u003eL'adoucissant et le sèche-linge, qui réduisent le pouvoir absorbant des fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-tip\"\u003e\n\u003cspan class=\"bw-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pour les lingettes très tachées :\u003c\/strong\u003e faites-les tremper au moins une heure dans un mélange de vinaigre blanc et de jus de citron avant de les passer en machine. Ce geste naturel ravive les fibres et élimine les résidus les plus tenaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"bw-section\"\u003e\n\u003ch2\u003ePourquoi passer aux lingettes lavables ?\u003c\/h2\u003e\n\u003cdiv class=\"bw-grid\"\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e🌍 Réduction des déchets\u003c\/h3\u003e\n\u003cp\u003eUne personne utilise en moyenne \u003cstrong\u003eplusieurs centaines de cotons jetables par an\u003c\/strong\u003e. Avec ces disques réutilisables, vous réduisez considérablement votre empreinte écologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e💰 Économies durables\u003c\/h3\u003e\n\u003cp\u003eUn investissement unique qui vous fait économiser sur le long terme. Plus besoin de racheter des cotons chaque mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bw-card\"\u003e\n\u003ch3\u003e🤗 Douceur naturelle\u003c\/h3\u003e\n\u003cp\u003eLes fibres de bambou offrent une \u003cstrong\u003eexcellente capacité d'absorption\u003c\/strong\u003e et sont naturellement douces, un choix de qualité pour les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1.25rem;\" class=\"bw-section-intro\"\u003eConçues par \u003cstrong\u003eBambaw\u003c\/strong\u003e, une marque belge engagée dans la réduction du plastique à usage unique, ces lingettes démaquillantes lavables incarnent une démarche concrète vers une salle de bain plus responsable - sans rien sacrifier à l'efficacité ni au confort.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bw-section\"\u003e\n\u003cdiv class=\"bw-cta-box\"\u003e\n\u003cp\u003e🎋 Avec 10 lingettes dans la boîte, vous disposez d'un roulement suffisant pour tenir entre deux machines. Un petit geste quotidien, un grand pas pour réduire votre empreinte écologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bw-cream: #f9f7f3;\n  --bw-white: #ffffff;\n  --bw-primary: #5a7a3a;\n  --bw-primary-dark: #3d5a24;\n  --bw-primary-light: #eef3e6;\n  --bw-secondary: #c9a96e;\n  --bw-accent: #8fb560;\n  --bw-text: #1a1a1a;\n  --bw-text-light: #5a5a5a;\n  --bw-border: #e0ddd6;\n  --bw-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bw-radius: 20px;\n  --bw-radius-sm: 12px;\n}\n\n.bw-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bw-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5a24 0%, #5a7a3a 50%, #c9a96e 100%);\n  border-radius: var(--bw-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(--bw-shadow-lg);\n}\n\n.bw-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  opacity: 1;\n}\n\n.bw-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bw-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.bw-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.bw-description {\n  color: rgba(255,255,255,.82);\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.bw-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bw-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(--bw-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bw-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bw-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.bw-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(--bw-primary), var(--bw-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bw-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bw-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.bw-card {\n  background: var(--bw-white);\n  border-radius: var(--bw-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bw-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bw-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bw-shadow-lg);\n  border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bw-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bw-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bw-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHTS === *\/\n.bw-card-highlight-velvet {\n  border-left: 4px solid var(--bw-secondary);\n  text-align: left;\n}\n\n.bw-card-highlight-exfo {\n  border-left: 4px solid var(--bw-primary);\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bw-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n  padding: 1.25rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n  font-size: 15px;\n  margin-bottom: .5rem;\n}\n\n.bw-grid-compact .bw-card p {\n  font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bw-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bw-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bw-primary), var(--bw-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.bw-timeline-content {\n  flex: 1;\n  background: var(--bw-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bw-radius-sm);\n  box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bw-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n  font-size: 14px;\n  color: var(--bw-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bw-primary-light);\n  border-radius: var(--bw-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bw-tip p {\n  font-size: 14px;\n  color: var(--bw-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bw-cta-box {\n  background: linear-gradient(135deg, var(--bw-primary) 0%, var(--bw-primary-dark) 100%);\n  border-radius: var(--bw-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bw-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  .bw-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bw-grid-compact {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n\n  .bw-card {\n    padding: 1.125rem;\n  }\n\n  .bw-card-highlight-velvet,\n  .bw-card-highlight-exfo {\n    text-align: left;\n  }\n\n  .bw-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bw-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bw-radius-sm);\n  }\n\n  .bw-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bw-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bw-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bw-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bw-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bw-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bw-card {\n    animation: bwFadeInUp .5s ease backwards;\n  }\n  .bw-card:nth-child(1) { animation-delay: .05s; }\n  .bw-card:nth-child(2) { animation-delay: .1s; }\n  .bw-card:nth-child(3) { animation-delay: .15s; }\n  .bw-card:nth-child(4) { animation-delay: .2s; }\n  .bw-card:nth-child(5) { animation-delay: .25s; }\n  .bw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\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  .bw-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":56900639752569,"sku":"NBAIBAW0015","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boite-de-10-lingettes-demaquillantes-lavables-bambaw-lifestyle_7af43c04-427d-47b6-aadd-ed1826dc554e.webp?v=1774462309"},{"product_id":"masque-nettoyant-visage-au-lait-anesse","title":"Masque nettoyant visage au lait d'ânesse","description":"\u003cdiv class=\"mn-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mn-hero\"\u003e\n    \u003cdiv class=\"mn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mn-hero-content\"\u003e\n      \u003cdiv class=\"mn-badges-top\"\u003e\n        \u003cspan class=\"mn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mn-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e\n        \u003cspan class=\"mn-badge\"\u003e🧴 Soin 2-en-1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mn-hero-title\"\u003eMasque nettoyant visage au lait d'ânesse\u003c\/span\u003e\n      \u003cp class=\"mn-subtitle\"\u003eNettoyant doux \u0026amp; masque nourrissant en un seul geste\u003c\/p\u003e\n      \u003cp class=\"mn-description\"\u003eFormulé avec du véritable lait d'ânesse, ce soin artisanal purifie, apaise et nourrit votre peau sans jamais l'agresser. Pour tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"mn-section\"\u003e\n    \u003ch2\u003eMasque nettoyant visage au lait d'ânesse : un soin 2-en-1 naturel et onctueux\u003c\/h2\u003e\n    \u003cp class=\"mn-section-intro\"\u003eEt si votre routine beauté devenait un véritable moment de bien-être ? Ce masque nettoyant visage au lait d'ânesse combine les bienfaits d'un savon doux et d'un masque nourrissant en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"mn-grid-compact\"\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n        \u003cp\u003ePurifie la peau en douceur sans décaper ni agresser l'épiderme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e💧 Hydratation\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=\"mn-card\"\u003e\n        \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n        \u003cp\u003eDes ingrédients d'origine naturelle soigneusement sélectionnés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué artisanalement en France avec un savoir-faire cosmétique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"mn-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un masque visage nettoyant au lait d'ânesse ?\u003c\/h2\u003e\n    \u003cp class=\"mn-section-intro\"\u003eLe lait d'ânesse est un trésor cosmétique utilisé depuis l'Antiquité, célèbre pour ses vertus hydratantes et adoucissantes. Naturellement riche en vitamines A, B, C et E, en acides gras essentiels et en oligo-éléments, il convient à tous les types de peau.\u003c\/p\u003e\n    \u003cdiv class=\"mn-grid\"\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e✨ Vitamines A, B, C et E\u003c\/h3\u003e\n        \u003cp\u003eUn cocktail vitaminé qui nourrit, protège et revitalise la peau au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🛡️ Film hydrolipidique préservé\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux masques à base d'argile, cette formule ne dessèche jamais la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🤍 Peau purifiée et souple\u003c\/h3\u003e\n        \u003cp\u003eUn nettoyage en douceur pour une peau confortablement hydratée après chaque utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"mn-section\"\u003e\n    \u003ch2\u003eUne composition naturelle et sans huile de palme\u003c\/h2\u003e\n    \u003cp class=\"mn-section-intro\"\u003eCe masque nettoyant visage naturel mise sur des ingrédients soigneusement sélectionnés pour respecter votre peau et l'environnement.\u003c\/p\u003e\n    \u003cdiv class=\"mn-grid\"\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🥛 Lait d'ânesse\u003c\/h3\u003e\n        \u003cp\u003eApaise, nourrit et aide à prévenir les signes du vieillissement cutané\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants, elle protège et assouplit la peau en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n        \u003cp\u003eOffre une mousse onctueuse et un pouvoir nettoyant doux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément et aide à restaurer l'élasticité de la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eAttire et retient l'hydratation dans l'épiderme pour un confort longue durée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mn-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"mn-accordion-item\"\u003e\n        \u003csummary class=\"mn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n          \u003cp\u003eSodium Olivate, Sodium Cocoate, Sodium Stearate, Aqua, Parkii Butter, Coco Nucifera, Donkey Milk, Glycerin, Sodium Chloride, Tetrasodium Glutamate, Citronellol.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"mn-section\"\u003e\n    \u003ch2\u003eComment utiliser ce masque nettoyant visage ?\u003c\/h2\u003e\n    \u003cp class=\"mn-section-intro\"\u003eCe soin polyvalent s'adapte à votre routine, que vous soyez une femme ou un homme. Une excellente alternative au masque nettoyant visage homme : simple, efficace, sans parfum synthétique agressif.\u003c\/p\u003e\n\n    \u003ch3 class=\"mn-usage-title\"\u003e🌅 En nettoyant quotidien (matin et soir)\u003c\/h3\u003e\n    \u003cdiv class=\"mn-timeline\"\u003e\n      \u003cdiv class=\"mn-timeline-item\"\u003e\n        \u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mn-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n          \u003cp\u003eMouillez le savon-masque et faites mousser du bout des doigts\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-timeline-item\"\u003e\n        \u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mn-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eÉtalez la mousse sur le visage en mouvements circulaires doux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-timeline-item\"\u003e\n        \u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mn-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède après environ 30 secondes\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"mn-usage-title\" style=\"margin-top:1.75rem;\"\u003e🧖 En masque nourrissant (1 fois par semaine)\u003c\/h3\u003e\n    \u003cdiv class=\"mn-timeline\"\u003e\n      \u003cdiv class=\"mn-timeline-item\"\u003e\n        \u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mn-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n          \u003cp\u003eÉtalez une couche épaisse de mousse sur le visage\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-timeline-item\"\u003e\n        \u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mn-timeline-content\"\u003e\n          \u003ch3\u003eLaissez poser 5 minutes\u003c\/h3\u003e\n          \u003cp\u003eLa mousse se transforme en un masque onctueux et nourrissant\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-timeline-item\"\u003e\n        \u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mn-timeline-content\"\u003e\n          \u003ch3\u003eAdmirez le résultat\u003c\/h3\u003e\n          \u003cp\u003eRincez soigneusement et contemplez l'éclat de votre peau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mn-tip\"\u003e\n      \u003cspan class=\"mn-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUtilisable également sur le corps : ce soin 2-en-1 vous accompagne sous la douche pour une peau douce de la tête aux pieds.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"mn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n    \u003cp class=\"mn-section-intro\"\u003eCe masque visage nettoyant convient à toutes les peaux. Une alternative naturelle aux masques nettoyants visage faits maison, avec la praticité d'un produit prêt à l'emploi et la qualité d'ingrédients artisanaux français.\u003c\/p\u003e\n    \u003cdiv class=\"mn-grid-compact\"\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n        \u003cp\u003eNourrit et restaure le confort cutané grâce au beurre de karité et au lait d'ânesse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n        \u003cp\u003ePurifie sans assécher, rééquilibre les zones grasses et sèches\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003ePropriétés apaisantes et anti-irritations pour les peaux les plus réactives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mn-card\"\u003e\n        \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eActifs nourrissants qui préservent la souplesse et l'éclat du teint\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mn-cta-box\"\u003e\n      \u003cp\u003e🧴 Offrez à votre peau le soin ancestral qu'elle mérite — un masque nettoyant 100 % naturel, fabriqué en France, pour une peau douce, apaisée et éclatante au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mn-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mn-cream: #f9f7f4;\n  --mn-white: #ffffff;\n  --mn-primary: #c4b49a;\n  --mn-primary-dark: #6b5d4f;\n  --mn-primary-light: #f0ebe3;\n  --mn-secondary: #8a7b6b;\n  --mn-accent: #d4c4a8;\n  --mn-text: #1a1a1a;\n  --mn-text-light: #5a5a5a;\n  --mn-border: #e4ddd3;\n  --mn-shadow: 0 4px 24px rgba(107,93,79,.08);\n  --mn-shadow-lg: 0 12px 48px rgba(107,93,79,.15);\n  --mn-radius: 20px;\n  --mn-radius-sm: 12px;\n}\n\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}\n\n\/* === HERO === *\/\n.mn-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b5d4f 0%, #8a7b6b 40%, #c4b49a 100%);\n  border-radius: var(--mn-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(--mn-shadow-lg);\n}\n\n.mn-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,.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,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.mn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mn-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.mn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\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,.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,.1);\n  transition: all .3s ease;\n}\n\n.mn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mn-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.mn-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\/* === SECTIONS === *\/\n.mn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mn-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.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-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mn-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.mn-card {\n  background: var(--mn-white);\n  border-radius: var(--mn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mn-shadow-lg);\n  border-color: var(--mn-primary);\n}\n\n.mn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mn-grid-compact .mn-card {\n  padding: 1rem;\n}\n\n.mn-grid-compact .mn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mn-grid-compact .mn-card p {\n  font-size: 12px;\n}\n\n\/* === USAGE TITLE === *\/\n.mn-usage-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--mn-primary-dark);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.mn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mn-primary), var(--mn-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.mn-timeline-content {\n  flex: 1;\n  background: var(--mn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mn-radius-sm);\n  box-shadow: var(--mn-shadow);\n}\n\n.mn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mn-timeline-content p {\n  font-size: 14px;\n  color: var(--mn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mn-primary-light);\n  border-radius: var(--mn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mn-tip p {\n  font-size: 14px;\n  color: var(--mn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mn-testimonial {\n  background: var(--mn-white);\n  border-radius: var(--mn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mn-shadow);\n  border-left: 4px solid var(--mn-primary);\n}\n\n.mn-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mn-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mn-accordion {\n  background: var(--mn-white);\n  border-radius: var(--mn-radius);\n  box-shadow: var(--mn-shadow);\n  overflow: hidden;\n}\n\n.mn-accordion-item {\n  border-bottom: 1px solid var(--mn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mn-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.mn-accordion-header:hover {\n  background: var(--mn-primary-light);\n}\n\n.mn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mn-primary);\n  transition: transform .2s ease;\n}\n\n.mn-accordion-item[open] .mn-accordion-header::after {\n  content: '−';\n}\n\n.mn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mn-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\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(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.mn-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.mn-disclaimer {\n  font-size: 12px;\n  color: var(--mn-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mn-card {\n    padding: 1.125rem;\n  }\n\n  .mn-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mn-radius-sm);\n  }\n\n  .mn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mn-grid-compact {\n    gap: .625rem;\n  }\n\n  .mn-grid-compact .mn-card {\n    padding: .75rem;\n  }\n\n  .mn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mn-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mn-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mn-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mn-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mn-testimonial-text {\n    font-size: 14px;\n  }\n\n  .mn-usage-title {\n    font-size: 16px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mn-card {\n    animation: mnFadeInUp .5s ease backwards;\n  }\n  .mn-card:nth-child(1) { animation-delay: .05s; }\n  .mn-card:nth-child(2) { animation-delay: .1s; }\n  .mn-card:nth-child(3) { animation-delay: .15s; }\n  .mn-card:nth-child(4) { animation-delay: .2s; }\n  .mn-card:nth-child(5) { animation-delay: .25s; }\n  .mn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mnFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":56991093195129,"sku":"MASQUEANESSE","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-nettoyant-visage-au-lait-danesse-lifestyle_80f95503-4254-444f-9d89-ec723e5b9b07.webp?v=1776429877"},{"product_id":"gel-nettoyant-visage-homme-bio-75-ml-florame","title":"Gel Nettoyant Visage Homme Bio - 75 ml - Florame","description":"\u003cdiv class=\"fm-premium\"\u003e\n  \u003cdiv class=\"fm-hero\"\u003e\n    \u003cdiv class=\"fm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fm-hero-content\"\u003e\n      \u003cdiv class=\"fm-badges-top\"\u003e\n        \u003cspan class=\"fm-badge\"\u003e🌿 Certifié Bio Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"fm-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n        \u003cspan class=\"fm-badge\"\u003e👨 Spécial Homme\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"fm-hero-title\"\u003eGel Nettoyant Visage Homme Bio\u003c\/span\u003e\n      \u003cp class=\"fm-subtitle\"\u003eFlorame · 75 ml · Saint-Rémy-de-Provence\u003c\/p\u003e\n      \u003cp class=\"fm-description\"\u003eLa fraîcheur certifiée bio au quotidien, formulée aux huiles essentielles et à l'huile d'argan bio, pensée pour les besoins spécifiques de la peau masculine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eGel Nettoyant Visage Homme Bio Florame : la fraîcheur certifiée au quotidien\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003eMessieurs, votre peau mérite mieux qu'un simple passage d'eau le matin. Le \u003cstrong\u003eGel Nettoyant Visage Homme Bio de Florame\u003c\/strong\u003e, en format 75 ml, a été pensé spécifiquement pour répondre aux besoins de la peau masculine, souvent exposée au rasage, à la pollution et aux variations d'humeur cutanée. Certifié bio, il conjugue efficacité et respect de l'environnement, dans la plus pure tradition provençale de la maison Florame.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un gel nettoyant visage bio pour homme ?\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003eLa peau des hommes est en moyenne plus épaisse, plus grasse et davantage sujette aux imperfections que celle des femmes. Un nettoyant adapté fait toute la différence.\u003c\/p\u003e\n    \u003cdiv class=\"fm-grid\"\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e💧 Nettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine l'excès de sébum, les résidus de pollution et les cellules mortes sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🛡️ Respect du film hydrolipidique\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux savons classiques, il préserve le pH naturel de votre peau et évite l'effet décapant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🌱 Formule bio responsable\u003c\/h3\u003e\n        \u003cp\u003eSans ingrédients controversés, pensée pour le bien-être de votre peau comme pour celui de la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eLes atouts du Gel Nettoyant Visage Homme Florame\u003c\/h2\u003e\n    \u003cdiv class=\"fm-grid-compact\"\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e✅ Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eFormulation conforme au référentiel Cosmos Organic.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e👨 Gamme Homme\u003c\/h3\u003e\n        \u003cp\u003ePensé pour les spécificités de la peau masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🎒 Format 75 ml\u003c\/h3\u003e\n        \u003cp\u003eIdéal salle de bain comme en déplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e⚡ Geste quotidien\u003c\/h3\u003e\n        \u003cp\u003eSimple, rapide et efficace au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-card\"\u003e\n        \u003ch3\u003e🌿 Huiles essentielles\u003c\/h3\u003e\n        \u003cp\u003eEnrichi en huiles essentielles et huile d'argan bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eComment utiliser votre gel nettoyant visage ?\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003ePour profiter pleinement des bienfaits de ce nettoyant, adoptez une routine simple, matin et soir :\u003c\/p\u003e\n    \u003cdiv class=\"fm-timeline\"\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eHumidifier\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre visage à l'eau tiède pour préparer la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eDoser\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de gel dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser entre les paumes, puis massez délicatement l'ensemble du visage en évitant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fm-timeline-item\"\u003e\n        \u003cdiv class=\"fm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"fm-timeline-content\"\u003e\n          \u003ch3\u003eRincer \u0026amp; sécher\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant avec une serviette propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fm-tip\"\u003e\n      \u003cspan class=\"fm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAppliquez ensuite votre soin hydratant habituel pour compléter le rituel. Le gel peut également être utilisé avant le rasage, afin de préparer la peau et d'assouplir le poil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n    \u003cp class=\"fm-section-intro\"\u003eCe \u003cstrong\u003egel nettoyant visage homme\u003c\/strong\u003e convient à la plupart des types de peau, y compris aux peaux mixtes et grasses qui recherchent un nettoyage efficace sans effet décapant.\u003c\/p\u003e\n    \u003cdiv class=\"fm-tip\"\u003e\n      \u003cspan class=\"fm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eSi vous avez la peau sensible ou réactive, réalisez au préalable un test dans le pli du coude. En cas de doute ou de problématique cutanée particulière (acné sévère, dermatite, allergies connues), demandez conseil à un professionnel de santé : un produit cosmétique, même bio, ne remplace jamais un traitement médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\"\u003e\n    \u003ch2\u003eFlorame, l'expertise provençale au service des hommes\u003c\/h2\u003e\n    \u003cdiv class=\"fm-testimonial\"\u003e\n      \u003cp class=\"fm-testimonial-text\"\u003e\"Depuis sa création, Florame cultive un savoir-faire reconnu autour des huiles essentielles biologiques et des soins naturels. En choisissant le meilleur gel nettoyant visage homme de la gamme Homme by Florame, vous optez pour une alternative française, bio et responsable aux grandes marques conventionnelles. Une manière simple de prendre soin de vous tout en respectant vos valeurs.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"fm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"fm-accordion\"\u003e\n      \u003cdetails class=\"fm-accordion-item\"\u003e\n        \u003csummary class=\"fm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"fm-accordion-content mt-3\"\u003e\n          \u003cp\u003ePour une conservation optimale, refermez bien le tube après chaque utilisation et conservez-le à température ambiante, à l'abri de la lumière directe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --fm-cream: #f7f4ef;\n  --fm-white: #ffffff;\n  --fm-primary: #e87722;\n  --fm-primary-dark: #b85a15;\n  --fm-primary-light: #fdf0e3;\n  --fm-secondary: #2a2a2a;\n  --fm-accent: #d4a574;\n  --fm-text: #1a1a1a;\n  --fm-text-light: #5a5a5a;\n  --fm-border: #e0e0e0;\n  --fm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --fm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --fm-radius: 20px;\n  --fm-radius-sm: 12px;\n}\n\n.fm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--fm-text);\n}\n\n.fm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 50%, #e87722 100%);\n  border-radius: var(--fm-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(--fm-shadow-lg);\n}\n\n.fm-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 50%),\n                    radial-gradient(circle at 80% 70%, rgba(232,119,34,.2) 0%, transparent 50%);\n  opacity: .6;\n}\n\n.fm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fm-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,.3);\n  line-height: 1.1;\n}\n\n.fm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.fm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n.fm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.fm-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(--fm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.fm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.fm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fm-secondary);\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.fm-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(--fm-primary), var(--fm-accent));\n  border-radius: 2px;\n}\n\n.fm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.fm-card {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fm-shadow-lg);\n  border-color: var(--fm-primary);\n}\n\n.fm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fm-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.fm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.fm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.fm-grid-compact .fm-card {\n  padding: 1rem;\n}\n\n.fm-grid-compact .fm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.fm-grid-compact .fm-card p {\n  font-size: 12px;\n}\n\n.fm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.fm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.fm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fm-primary), var(--fm-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(232,119,34,.3);\n}\n\n.fm-timeline-content {\n  flex: 1;\n  background: var(--fm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--fm-radius-sm);\n  box-shadow: var(--fm-shadow);\n}\n\n.fm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fm-secondary);\n  margin: 0 0 .25rem 0;\n}\n\n.fm-timeline-content p {\n  font-size: 14px;\n  color: var(--fm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.fm-testimonial {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--fm-shadow);\n  border-left: 4px solid var(--fm-primary);\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.fm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.fm-accordion {\n  background: var(--fm-white);\n  border-radius: var(--fm-radius);\n  box-shadow: var(--fm-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.fm-accordion-item {\n  border-bottom: 1px solid var(--fm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fm-secondary);\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.fm-accordion-header:hover {\n  background: var(--fm-primary-light);\n}\n\n.fm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--fm-primary);\n  transition: transform .2s ease;\n}\n\n.fm-accordion-item[open] .fm-accordion-header::after {\n  content: '−';\n}\n\n.fm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.fm-accordion-content p {\n  margin: 0;\n}\n\n.fm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fm-primary-light);\n  border-radius: var(--fm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.fm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.fm-tip p {\n  font-size: 14px;\n  color: var(--fm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .fm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .fm-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .fm-grid-compact .fm-card {\n    padding: .75rem;\n  }\n  \n  .fm-card {\n    padding: 1.125rem;\n  }\n  \n  .fm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .fm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fm-radius-sm);\n  }\n  \n  .fm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .fm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .fm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .fm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .fm-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .fm-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .fm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .fm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .fm-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .fm-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .fm-card {\n    animation: fmFadeInUp .5s ease backwards;\n  }\n  .fm-card:nth-child(1) { animation-delay: .05s; }\n  .fm-card:nth-child(2) { animation-delay: .1s; }\n  .fm-card:nth-child(3) { animation-delay: .15s; }\n  .fm-card:nth-child(4) { animation-delay: .2s; }\n  .fm-card:nth-child(5) { animation-delay: .25s; }\n  .fm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fm-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":57086083498361,"sku":"FM0530","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-visage-homme-bio-75-ml-florame-lifestyle.webp?v=1776411992"},{"product_id":"eau-micellaire-recharge-figue-calendula-pimpant","title":"Eau micellaire (recharge) - Figue \u0026 Calendula - Pimpant","description":"\u003cdiv class=\"pmp-premium\"\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🌿 Cosmos Natural\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e💧 99% naturel\u003c\/span\u003e \u003cspan class=\"pmp-badge\"\u003e🇫🇷 Made in France\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\"\u003eEau Micellaire Figue \u0026amp; Calendula\u003c\/span\u003e\n\u003cp class=\"pmp-subtitle\"\u003eLa recharge en poudre à diluer - Pimpant\u003c\/p\u003e\n\u003cp class=\"pmp-description\"\u003eRéinventez votre routine beauté avec une eau micellaire éco-responsable : une recharge en poudre à diluer dans l'eau, pour 90 ml d'un nettoyant doux qui nettoie, démaquille et apaise en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eEau micellaire Figue \u0026amp; Calendula Pimpant : la recharge en poudre à diluer\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eVous cherchez un nettoyant pour le visage à la fois doux, écologique et efficace ? L'eau micellaire Pimpant à la figue et au calendula réinvente votre routine beauté grâce à un format innovant : une recharge en poudre à diluer dans l'eau, pour obtenir \u003cstrong\u003e90 ml d'eau micellaire certifiée COSMOS Natural par Ecocert\u003c\/strong\u003e et composée à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌸 90 ml\u003c\/h3\u003e\n\u003cp\u003eD'eau micellaire reconstituée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e✅ 99%\u003c\/h3\u003e\n\u003cp\u003eD'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌿 Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertifié Cosmos Natural\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\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUn nettoyant visage doux et démaquillant tout-en-un\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eContrairement à une eau micellaire Bioderma, Garnier ou un gel nettoyant traditionnel, cette formule arrive sous forme de poudre concentrée à reconstituer chez vous. Moins d'eau transportée, moins de plastique, mais la même efficacité.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🧴 Nettoie en profondeur\u003c\/h3\u003e\n\u003cp\u003eÉlimine maquillage, pollution et excès de sébum sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌷 Apaise\u003c\/h3\u003e\n\u003cp\u003eCalme les rougeurs et les sensations d'inconfort du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e💧 Hydrate\u003c\/h3\u003e\n\u003cp\u003eLaisse la peau douce et confortable, sans tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e👁️ Polyvalent\u003c\/h3\u003e\n\u003cp\u003eUtilisable sur le visage, les yeux et les lèvres, sans rinçage obligatoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eUne composition naturelle à la figue et au calendula\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eChaque ingrédient a été sélectionné pour son action bienfaisante sur la peau.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌼 Extrait de calendula\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes, anti-inflammatoires et antioxydantes. Calme les rougeurs et assouplit la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🍇 Extrait de figue\u003c\/h3\u003e\n\u003cp\u003eHydrate, rafraîchit et protège la peau des agressions extérieures du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌾 Maltodextrine \u0026amp; érythritol\u003c\/h3\u003e\n\u003cp\u003eHydratants végétaux qui adoucissent l'épiderme en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine naturelle pour un nettoyage tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌱 Inuline\u003c\/h3\u003e\n\u003cp\u003eAdoucit et respecte les peaux les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e📋 99% naturel\u003c\/h3\u003e\n\u003cp\u003eUne formule certifiée Cosmos Natural par Ecocert, transparente et propre.\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\u003eListe INCI complète :\u003c\/strong\u003e Maltodextrin, Erythritol, Sodium Cocoyl Glutamate, Inulin, Parfum (Fragrance), Sodium Benzoate, Citric Acid, Terpineol, Calendula Officinalis Flower Extract, Ficus Carica (Fig) Fruit Extract, Linalyl Acetate, Geranyl Acetate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eComment utiliser votre eau micellaire Pimpant ?\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 la recharge\u003c\/h3\u003e\n\u003cp\u003eVidez la totalité de la recharge (9 g de poudre) dans votre bouteille Pimpant.\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 l'eau tiède\u003c\/h3\u003e\n\u003cp\u003eComplétez avec 81 ml d'eau tiède pour reconstituer votre eau micellaire.\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\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eAgitez bien jusqu'à dissolution complète de 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\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003ePosez un coton lavable sur le bouchon, appuyez pour l'imbiber, puis passez-le délicatement sur le visage.\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\u003eLe rinçage n'est pas obligatoire. Votre nettoyant se conserve \u003cstrong\u003ejusqu'à 3 semaines\u003c\/strong\u003e après reconstitution, dans un flacon bien fermé. Une recharge offre environ \u003cstrong\u003e1 mois d'utilisation quotidienne\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003ePour qui ? Une eau micellaire douce et polyvalente\u003c\/h2\u003e\n\u003cp class=\"pmp-section-intro\"\u003eCette eau micellaire convient à toute la famille, des plus délicats aux plus exigeants.\u003c\/p\u003e\n\u003cdiv class=\"pmp-grid-compact\"\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les peaux délicates et réactives\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\u003eAdaptée aux enfants en toute douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e👩⚕️ Dermato-testée\u003c\/h3\u003e\n\u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pmp-card\"\u003e\n\u003ch3\u003e⭐ Yuka 86\/100\u003c\/h3\u003e\n\u003cp\u003eNote INCI Beauty : 18,1\/20\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pmp-section\"\u003e\n\u003ch2\u003eAvis sur l'eau micellaire Pimpant : un geste beauté éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"pmp-testimonial\"\u003e\n\u003cp class=\"pmp-testimonial-text\"\u003e\"En choisissant cette recharge, vous adoptez une démarche zéro déchet sans compromis sur la qualité. Fabriquée en Normandie dans l'usine de Pimpant, cette eau micellaire représente une alternative concrète aux flacons jetables et aux formules conventionnelles. Vous réutilisez votre bouteille à l'infini et limitez votre impact environnemental, tout en prenant soin de votre peau.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pmp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePré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⚠️ Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez tout contact prolongé avec les yeux. En cas de réaction cutanée, cessez l'utilisation.\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🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\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🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"pmp-accordion-content mt-3\"\u003e\n\u003cp\u003eAprès reconstitution, conservez votre eau micellaire dans un flacon bien fermé, à l'abri de la lumière et de la chaleur. À utiliser dans les 3 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pmp-cream: #faf5f5;\n  --pmp-white: #ffffff;\n  --pmp-primary: #b8848f;\n  --pmp-primary-dark: #8a5763;\n  --pmp-primary-light: #f5e6e8;\n  --pmp-secondary: #d4a5a5;\n  --pmp-accent: #c97b8a;\n  --pmp-text: #2a1f22;\n  --pmp-text-light: #6b5a5d;\n  --pmp-border: #ead8db;\n  --pmp-shadow: 0 4px 24px rgba(138, 87, 99, .08);\n  --pmp-shadow-lg: 0 12px 48px rgba(138, 87, 99, .18);\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  color: var(--pmp-text);\n}\n\n.pmp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8848f 0%, #c97b8a 50%, #8a5763 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% 30%, white 2px, transparent 2px), radial-gradient(circle at 70% 70%, white 1.5px, transparent 1.5px);\n  background-size: 60px 60px, 80px 80px;\n  opacity: .07;\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,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  font-style: italic;\n}\n\n.pmp-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\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.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-accent));\n  border-radius: 2px;\n}\n\n.pmp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pmp-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\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-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.pmp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\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  box-shadow: 0 4px 12px rgba(184, 132, 143, .35);\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.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.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}\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}\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: 22px;\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.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@media (max-width: 767px) {\n  .pmp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pmp-card { padding: 1.125rem; }\n  .pmp-section { margin-bottom: 1.75rem; }\n  .pmp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pmp-radius-sm);\n  }\n  .pmp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pmp-premium h2::after { width: 40px; height: 3px; }\n  .pmp-grid-compact { gap: .625rem; }\n  .pmp-grid-compact .pmp-card { padding: .75rem; }\n  .pmp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .pmp-timeline-content { padding: .875rem 1rem; }\n  .pmp-timeline-content h3 { font-size: 14px; }\n  .pmp-timeline-content p { font-size: 13px; }\n  .pmp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .pmp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  .pmp-testimonial { padding: 1.25rem; }\n  .pmp-testimonial-text { font-size: 14px; }\n}\n\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@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":63792312353145,"sku":"NBAIPIM0124","price":3.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-micellaire-recharge-figue-calendula-pimpant-lifestyle_5a6c604f-8f62-47d3-b6c4-eae3e21b13f2.webp?v=1781769603"},{"product_id":"fantomette-demaquillant-bio-100-ml-douces-angevines","title":"Fantômette Démaquillant Bio – 100 ml – Douces Angevines","description":"\u003cdiv class=\"fan-premium\"\u003e\n\u003cdiv class=\"fan-hero\"\u003e\n\u003cdiv class=\"fan-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fan-hero-content\"\u003e\n\u003cdiv class=\"fan-badges-top\"\u003e\n\u003cspan class=\"fan-badge\"\u003e🌿 99% Bio\u003c\/span\u003e \u003cspan class=\"fan-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"fan-badge\"\u003e✨ Cosmos Organic\u003c\/span\u003e \u003cspan class=\"fan-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fan-hero-title\"\u003eFantômette Démaquillant Bio\u003c\/span\u003e\n\u003cp class=\"fan-subtitle\"\u003eL'huile démaquillante artisanale de Douces Angevines\u003c\/p\u003e\n\u003cp class=\"fan-description\"\u003eUne formule épurée aux huiles végétales bio pour nettoyer le visage et les yeux en toute douceur, matin et soir. Sans eau, sans conservateur, sans parfum de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fan-section\"\u003e\n\u003ch2\u003eL'huile démaquillante douce de Douces Angevines\u003c\/h2\u003e\n\u003cp class=\"fan-section-intro\"\u003eVous cherchez un \u003cstrong\u003enettoyant visage\u003c\/strong\u003e naturel, efficace et respectueux de votre peau ? Le \u003cstrong\u003eFantômette Démaquillant Bio\u003c\/strong\u003e de Douces Angevines est une huile démaquillante artisanale, formulée en France à partir d'huiles végétales bio soigneusement sélectionnées. Sans eau, sans conservateur, sans parfum de synthèse : une formule épurée pensée pour nettoyer le visage et les yeux en toute douceur, matin et soir.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"fan-section\"\u003e\n\u003ch2\u003eUne huile démaquillante qui remplace votre nettoyant visage classique\u003c\/h2\u003e\n\u003cdiv class=\"fan-grid\"\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e💧 Le gras dissout le gras\u003c\/h3\u003e\n\u003cp\u003eContrairement à un gel ou à une mousse nettoyante, Fantômette mise sur la puissance des huiles végétales pour dissoudre maquillage, pollution et excès de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌸 Respect du film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eTout est délicatement emporté sans agresser la peau, sans tiraillement, sans irritation. Un confort absolu après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e👁️ Efficace sur le waterproof\u003c\/h3\u003e\n\u003cp\u003eBonne nouvelle pour celles qui aiment se maquiller intensément : Fantômette démaquille aussi le maquillage waterproof des yeux, sans piquer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fan-section\"\u003e\n\u003ch2\u003eUne composition 100% naturelle et 99% bio\u003c\/h2\u003e\n\u003cp class=\"fan-section-intro\"\u003eLa force de ce démaquillant tient à sa formule courte, transparente et certifiée \u003cstrong\u003eCosmos Organic par ECOCERT Greenlife\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"fan-grid\"\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eNourrissante et assouplissante, elle nourrit la peau en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E, elle protège la peau contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eAdoucissante et régénérante, idéale pour préserver l'éclat de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌿 Huile de ricin bio\u003c\/h3\u003e\n\u003cp\u003eTonifie et renforce cils et sourcils pour un regard sublimé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌼 Macération de Millepertuis\u003c\/h3\u003e\n\u003cp\u003eDésincruste la peau et apaise les irritations, parfait pour les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e💜 Huile essentielle de Lavandin bio\u003c\/h3\u003e\n\u003cp\u003ePurifie et éclaircit le teint, pour une peau nette et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌺 Huile essentielle d'Ylang-Ylang bio\u003c\/h3\u003e\n\u003cp\u003ePour un parfum délicat et reposant qui invite à la détente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌱 Formule vegan\u003c\/h3\u003e\n\u003cp\u003eTestée sous contrôle dermatologique, sans additifs ni substances d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-tip\"\u003e\n\u003cspan class=\"fan-tip-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Sesamum Indicum Seed Oil*, Helianthus Annuus Seed Oil*, Olea Europaea Fruit Oil*, Ricinus Communis Seed Oil*, Hypericum Perforatum Flower\/Leaf\/Stem Extract, Lavandula Hybrida Oil*, Cananga Odorata Flower Oil*, Parfum*, Linalool, Eugenol, Benzyl Benzoate. \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fan-section\"\u003e\n\u003ch2\u003eComment utiliser le Fantômette Démaquillant Bio ?\u003c\/h2\u003e\n\u003cp class=\"fan-section-intro\"\u003eVous pouvez l'utiliser matin et soir, selon deux méthodes très simples :\u003c\/p\u003e\n\u003cdiv class=\"fan-timeline\"\u003e\n\u003cdiv class=\"fan-timeline-item\"\u003e\n\u003cdiv class=\"fan-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fan-timeline-content\"\u003e\n\u003ch3\u003e🪞 Méthode coton\u003c\/h3\u003e\n\u003cp\u003eDéposez 2 à 3 gouttes sur un coton ou une lingette humide, puis nettoyez délicatement le visage et le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-timeline-item\"\u003e\n\u003cdiv class=\"fan-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fan-timeline-content\"\u003e\n\u003ch3\u003e✋ Méthode mains\u003c\/h3\u003e\n\u003cp\u003eVersez 2 à 3 gouttes dans le creux de la main, ajoutez un peu d'eau pour créer une émulsion laiteuse, puis massez le visage du bout des doigts. Rincez à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-timeline-item\"\u003e\n\u003cdiv class=\"fan-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fan-timeline-content\"\u003e\n\u003ch3\u003e✨ Résultat\u003c\/h3\u003e\n\u003cp\u003eUne peau nette, fraîche, souple et apaisée, sans film gras résiduel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fan-section\"\u003e\n\u003ch2\u003ePour qui ce démaquillant est-il fait ?\u003c\/h2\u003e\n\u003cdiv class=\"fan-grid-compact\"\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌵 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNourries et confortées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌸 Peaux normales\u003c\/h3\u003e\n\u003cp\u003eDouceur et éclat préservés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e💧 Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eÉquilibre respecté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eApaisées par le Millepertuis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌷 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eRégénérées en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e💛 Amatrices d'huiles\u003c\/h3\u003e\n\u003cp\u003eTexture sensorielle et confort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-tip\"\u003e\n\u003cspan class=\"fan-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous préférez les textures huileuses aux \u003cstrong\u003emousses nettoyantes\u003c\/strong\u003e ou aux gels moussants, vous serez conquise par sa douceur. Les peaux sensibles apprécieront particulièrement l'absence d'agents irritants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fan-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"fan-grid-compact\"\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🫙 Contenance\u003c\/h3\u003e\n\u003cp\u003e100 ml – flacon en verre avec pompe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eArtisanale, en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🏅 Certifications\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic \/ ECOCERT Greenlife\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fan-card\"\u003e\n\u003ch3\u003e🌿 Composition\u003c\/h3\u003e\n\u003cp\u003e100% d'origine naturelle, 99% bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fan-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fan-accordion\"\u003e\n\u003cdetails class=\"fan-accordion-item\"\u003e\n\u003csummary class=\"fan-accordion-header\"\u003e⚠️ Conseil d'utilisation \u0026amp; précautions\u003c\/summary\u003e\n\u003cdiv class=\"fan-accordion-content mt-3\"\u003e\n\u003cp\u003eÉvitez le contact direct avec les yeux. Conservez à l'abri de la lumière et de la chaleur. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fan-accordion-item\"\u003e\n\u003csummary class=\"fan-accordion-header\"\u003e🩺 Mentions importantes\u003c\/summary\u003e\n\u003cdiv class=\"fan-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis médical ou un traitement dermatologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fan-disclaimer\"\u003eFemmes Herboristes de Beauté – Soucelles, France\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --fan-cream: #fdfaf5;\n  --fan-white: #ffffff;\n  --fan-primary: #8fbf5e;\n  --fan-primary-dark: #4a7a3a;\n  --fan-primary-light: #eaf4dc;\n  --fan-secondary: #d4488a;\n  --fan-accent: #e8b84a;\n  --fan-text: #2a2a2a;\n  --fan-text-light: #6a6a6a;\n  --fan-border: #e8e4dc;\n  --fan-shadow: 0 4px 24px rgba(74,122,58,.08);\n  --fan-shadow-lg: 0 12px 48px rgba(74,122,58,.15);\n  --fan-radius: 20px;\n  --fan-radius-sm: 12px;\n}\n\n.fan-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fan-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--fan-text);\n  line-height: 1.6;\n}\n\n.fan-premium p {\n  color: var(--fan-text);\n}\n\n.fan-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8d68a 0%, #8fbf5e 50%, #4a7a3a 100%);\n  border-radius: var(--fan-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(--fan-shadow-lg);\n}\n\n.fan-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .12;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px), radial-gradient(circle at 70% 60%, white 1px, transparent 1px), radial-gradient(circle at 40% 80%, white 1.5px, transparent 1.5px);\n  background-size: 80px 80px, 60px 60px, 100px 100px;\n}\n\n.fan-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fan-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.fan-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.fan-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.fan-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.fan-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(--fan-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.fan-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.fan-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fan-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fan-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.fan-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(--fan-primary), var(--fan-secondary));\n  border-radius: 2px;\n}\n\n.fan-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fan-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.fan-card {\n  background: var(--fan-white);\n  border-radius: var(--fan-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fan-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fan-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fan-shadow-lg);\n  border-color: var(--fan-primary);\n}\n\n.fan-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fan-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fan-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fan-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.fan-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.fan-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.fan-grid-compact .fan-card {\n  padding: 1rem;\n}\n\n.fan-grid-compact .fan-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.fan-grid-compact .fan-card p {\n  font-size: 12px;\n}\n\n.fan-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.fan-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.fan-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fan-primary), var(--fan-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.fan-timeline-content {\n  flex: 1;\n  background: var(--fan-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--fan-radius-sm);\n  box-shadow: var(--fan-shadow);\n}\n\n.fan-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fan-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.fan-timeline-content p {\n  font-size: 14px;\n  color: var(--fan-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.fan-accordion {\n  background: var(--fan-white);\n  border-radius: var(--fan-radius);\n  box-shadow: var(--fan-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.fan-accordion-item {\n  border-bottom: 1px solid var(--fan-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fan-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fan-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fan-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.fan-accordion-header:hover {\n  background: var(--fan-primary-light);\n}\n\n.fan-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fan-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--fan-primary);\n  transition: transform .2s ease;\n}\n\n.fan-accordion-item[open] .fan-accordion-header::after {\n  content: '−';\n}\n\n.fan-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fan-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.fan-accordion-content p {\n  margin: 0;\n}\n\n.fan-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fan-primary-light);\n  border-radius: var(--fan-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--fan-primary);\n}\n\n.fan-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.fan-tip p {\n  font-size: 13px;\n  color: var(--fan-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.fan-disclaimer {\n  font-size: 12px;\n  color: var(--fan-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .fan-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .fan-card { padding: 1.125rem; }\n  .fan-section { margin-bottom: 1.75rem; }\n  .fan-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fan-radius-sm);\n  }\n  .fan-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .fan-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .fan-grid-compact { gap: .625rem; }\n  .fan-grid-compact .fan-card { padding: .75rem; }\n  .fan-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .fan-timeline-content { padding: .875rem 1rem; }\n  .fan-timeline-content h3 { font-size: 14px; }\n  .fan-timeline-content p { font-size: 13px; }\n  .fan-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .fan-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .fan-tip { padding: .875rem 1rem; }\n  .fan-tip p { font-size: 12px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .fan-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .fan-card:nth-child(1) { animation-delay: .05s; }\n  .fan-card:nth-child(2) { animation-delay: .1s; }\n  .fan-card:nth-child(3) { animation-delay: .15s; }\n  .fan-card:nth-child(4) { animation-delay: .2s; }\n  .fan-card:nth-child(5) { animation-delay: .25s; }\n  .fan-card:nth-child(6) { animation-delay: .3s; }\n  .fan-card:nth-child(7) { animation-delay: .35s; }\n  .fan-card:nth-child(8) { animation-delay: .4s; }\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  .fan-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"DOUCES ANGEVINES","offers":[{"title":"Default Title","offer_id":63831333601657,"sku":"DA0005","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-visage-fantomette-douces-angevines.webp?v=1790867226"},{"product_id":"gel-nettoyant-visage-et-barbe-blondepil","title":"Gel Nettoyant Visage et Barbe - 150ml - Blondépil","description":"\u003cdiv class=\"bdp-premium\"\u003e\n  \u003cdiv class=\"bdp-hero\"\u003e\n    \u003cdiv class=\"bdp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bdp-hero-content\"\u003e\n      \u003cdiv class=\"bdp-badges-top\"\u003e\n        \u003cspan class=\"bdp-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"bdp-badge\"\u003e🌿 92% d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"bdp-badge\"\u003e❄️ Effet frais\u003c\/span\u003e\n        \u003cspan class=\"bdp-badge\"\u003e💧 150 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bdp-hero-title\"\u003eGel Nettoyant Visage \u0026amp; Barbe\u003c\/span\u003e\n      \u003cp class=\"bdp-subtitle\"\u003eBlondépil Homme — La double action fraîcheur\u003c\/p\u003e\n      \u003cp class=\"bdp-description\"\u003eUn gel 3 en 1 qui nettoie en profondeur, élimine les impuretés et adoucit les poils. Une routine masculine simple, rapide et incroyablement rafraîchissante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bdp-section\"\u003e\n    \u003ch2\u003eGel Nettoyant Visage et Barbe Blondépil : la double action fraîcheur pour les hommes\u003c\/h2\u003e\n    \u003cp class=\"bdp-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel nettoyant visage et barbe\u003c\/strong\u003e efficace, doux et pensé pour le quotidien masculin ? Le \u003cstrong\u003eGel Nettoyant Blondépil Homme\u003c\/strong\u003e en tube de 150 ml est conçu pour répondre aux besoins spécifiques de votre peau et de votre pilosité. Sa formule 3 en 1 nettoie en profondeur, élimine les impuretés et adoucit les poils, le tout en une seule étape. Pratique, rapide, et particulièrement agréable grâce à son \u003cstrong\u003eeffet frais\u003c\/strong\u003e, il s'intègre facilement à votre routine du matin ou du soir.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bdp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un nettoyant pour barbe dédié ?\u003c\/h2\u003e\n    \u003cp class=\"bdp-section-intro\"\u003eLa peau située sous la barbe est souvent négligée. Pourtant, elle accumule sébum, poussières, résidus de pollution et cellules mortes, ce qui peut provoquer démangeaisons, tiraillements ou pellicules de barbe. Un simple savon ne suffit pas : il assèche la peau et rigidifie le poil. Le \u003cstrong\u003enettoyant pour barbe Blondépil\u003c\/strong\u003e a été spécifiquement formulé pour purifier la peau du visage tout en respectant la fibre du poil, avec une touche made in France et une \u003cstrong\u003ecomposition à 92 % d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bdp-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Gel Nettoyant Visage \u0026amp; Barbe\u003c\/h2\u003e\n    \u003cdiv class=\"bdp-grid\"\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🧼 Nettoie en profondeur\u003c\/h3\u003e\n        \u003cp\u003ePurifie la peau du visage, même sous la barbe la plus dense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e✨ Élimine les impuretés\u003c\/h3\u003e\n        \u003cp\u003eDébarrasse la peau de l'excès de sébum et de la pollution accumulée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🌿 Adoucit les poils\u003c\/h3\u003e\n        \u003cp\u003eAssouplit la fibre du poil pour une barbe plus agréable au toucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e❄️ Sensation de fraîcheur\u003c\/h3\u003e\n        \u003cp\u003eEffet tonifiant immédiat grâce au menthol, dès la première utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🌲 Parfum signature\u003c\/h3\u003e\n        \u003cp\u003eNotes boisées et vitaminées pour un sillage frais et masculin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bdp-section\"\u003e\n    \u003ch2\u003eUne formule clean et bien pensée\u003c\/h2\u003e\n    \u003cp class=\"bdp-section-intro\"\u003eBlondépil a misé sur une composition \u003cstrong\u003esans sulfate, sans paraben\u003c\/strong\u003e, testée sous contrôle dermatologique et adaptée aux peaux sensibles. Les actifs sont sélectionnés pour leur efficacité ciblée.\u003c\/p\u003e\n    \u003cdiv class=\"bdp-grid-compact\"\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e❄️ Menthol\u003c\/h3\u003e\n        \u003cp\u003eEffet frais et tonifiant immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🍋 Extraits de citrus\u003c\/h3\u003e\n        \u003cp\u003eAction tonifiante sur la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🌲 Extraits de cade\u003c\/h3\u003e\n        \u003cp\u003ePurifient et assainissent l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n        \u003cp\u003eNourrit et adoucit la peau et les poils.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bdp-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"bdp-accordion-item\"\u003e\n        \u003csummary class=\"bdp-accordion-header\"\u003e🧪 Voir la liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"bdp-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua (Water), Coco-Glucoside, Cocamidopropyl Betaine, Sodium Cocoamphoacetate, Glycerin, PEG-40 Hydrogenated Castor Oil, Propylene Glycol, Alcohol, Acrylates\/C10-30 Alkyl Acrylate Crosspolymer, Olea Europaea (Olive) Fruit Oil, Menthol, Parfum (Fragrance), Disodium EDTA, Polyquaternium-7, Potassium Sorbate, Sodium Benzoate, Citric Acid, Hexyl Cinnamal, Limonene, Linalyl Acetate, Acetic Acid, Tetramethyl Acetyloctahydronaphthalenes, CI 42090, CI 60730.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bdp-section\"\u003e\n    \u003ch2\u003eComment utiliser le gel nettoyant Blondépil ?\u003c\/h2\u003e\n    \u003cdiv class=\"bdp-timeline\"\u003e\n      \u003cdiv class=\"bdp-timeline-item\"\u003e\n        \u003cdiv class=\"bdp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bdp-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre visage et votre barbe à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-timeline-item\"\u003e\n        \u003cdiv class=\"bdp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bdp-timeline-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une \u003cstrong\u003enoisette de gel\u003c\/strong\u003e dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-timeline-item\"\u003e\n        \u003cdiv class=\"bdp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bdp-timeline-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement par mouvements circulaires pour faire mousser, sur le visage et la barbe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-timeline-item\"\u003e\n        \u003cdiv class=\"bdp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"bdp-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=\"bdp-tip\"\u003e\n      \u003cspan class=\"bdp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour un résultat optimal, utilisez-le \u003cstrong\u003equotidiennement\u003c\/strong\u003e, matin et\/ou soir. Vous pouvez ensuite appliquer une huile à barbe ou un soin hydratant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bdp-section\"\u003e\n    \u003ch2\u003eFabrication et engagement\u003c\/h2\u003e\n    \u003cdiv class=\"bdp-grid-compact\"\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué par Berdoues Parfums et Cosmétiques à Cugnaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bdp-card\"\u003e\n        \u003ch3\u003e♻️ 100% recyclable\u003c\/h3\u003e\n        \u003cp\u003eUn tube de 150 ml éco-conçu pour une routine plus responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bdp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bdp-accordion\"\u003e\n      \u003cdetails class=\"bdp-accordion-item\"\u003e\n        \u003csummary class=\"bdp-accordion-header\"\u003e⚠️ Conseils d'utilisation et précautions\u003c\/summary\u003e\n        \u003cdiv class=\"bdp-accordion-content mt-3\"\u003e\n          \u003cp\u003e• Usage externe uniquement.\u003cbr\u003e\n          • Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003cbr\u003e\n          • En cas d'irritation persistante ou de problème cutané spécifique, demandez l'avis d'un professionnel de santé. Ce produit cosmétique ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bdp-cream: #f5f6fa;\n  --bdp-white: #ffffff;\n  --bdp-primary: #1e2a5e;\n  --bdp-primary-dark: #131a3d;\n  --bdp-primary-light: #e8ebf5;\n  --bdp-secondary: #3b4ba0;\n  --bdp-accent: #e63946;\n  --bdp-fresh: #4ade80;\n  --bdp-text: #1a1a1a;\n  --bdp-text-light: #5a5a6a;\n  --bdp-border: #e0e0e8;\n  --bdp-shadow: 0 4px 24px rgba(30,42,94,.08);\n  --bdp-shadow-lg: 0 12px 48px rgba(30,42,94,.18);\n  --bdp-radius: 20px;\n  --bdp-radius-sm: 12px;\n}\n\n.bdp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bdp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--bdp-text);\n  line-height: 1.6;\n}\n\n.bdp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1e2a5e 0%, #2a3a7a 50%, #131a3d 100%);\n  border-radius: var(--bdp-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(--bdp-shadow-lg);\n}\n\n.bdp-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,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(74,222,128,.15) 0%, transparent 50%);\n  opacity: .8;\n}\n\n.bdp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bdp-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,.3);\n  line-height: 1.1;\n}\n\n.bdp-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.bdp-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.bdp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.bdp-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(--bdp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.bdp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bdp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bdp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bdp-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.bdp-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(--bdp-primary), var(--bdp-fresh));\n  border-radius: 2px;\n}\n\n.bdp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bdp-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 760px;\n  line-height: 1.75;\n}\n\n.bdp-section-intro strong {\n  color: var(--bdp-primary-dark);\n}\n\n.bdp-card {\n  background: var(--bdp-white);\n  border-radius: var(--bdp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bdp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bdp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bdp-shadow-lg);\n  border-color: var(--bdp-primary);\n}\n\n.bdp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bdp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bdp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bdp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bdp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bdp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bdp-grid-compact .bdp-card {\n  padding: 1rem;\n}\n\n.bdp-grid-compact .bdp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bdp-grid-compact .bdp-card p {\n  font-size: 12px;\n}\n\n.bdp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.bdp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bdp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bdp-primary), var(--bdp-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(30,42,94,.3);\n}\n\n.bdp-timeline-content {\n  flex: 1;\n  background: var(--bdp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bdp-radius-sm);\n  box-shadow: var(--bdp-shadow);\n}\n\n.bdp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bdp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bdp-timeline-content p {\n  font-size: 14px;\n  color: var(--bdp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.bdp-accordion {\n  background: var(--bdp-white);\n  border-radius: var(--bdp-radius);\n  box-shadow: var(--bdp-shadow);\n  overflow: hidden;\n}\n\n.bdp-accordion-item {\n  border-bottom: 1px solid var(--bdp-border);\n}\n\n.bdp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bdp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bdp-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.bdp-accordion-header:hover {\n  background: var(--bdp-primary-light);\n}\n\n.bdp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bdp-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--bdp-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.bdp-accordion-item[open] .bdp-accordion-header::after {\n  content: '−';\n}\n\n.bdp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bdp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.bdp-accordion-content p {\n  margin: 0;\n}\n\n.bdp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bdp-primary-light);\n  border-left: 4px solid var(--bdp-fresh);\n  border-radius: var(--bdp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.bdp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bdp-tip p {\n  font-size: 14px;\n  color: var(--bdp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bdp-tip p strong {\n  color: var(--bdp-primary-dark);\n}\n\n@media (max-width: 767px) {\n  .bdp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bdp-card {\n    padding: 1.125rem;\n  }\n  \n  .bdp-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bdp-hero {\n    padding: 2.25rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bdp-radius-sm);\n  }\n  \n  .bdp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bdp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bdp-grid-compact {\n    gap: .625rem;\n  }\n  \n  .bdp-grid-compact .bdp-card {\n    padding: .75rem;\n  }\n  \n  .bdp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .bdp-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .bdp-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .bdp-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .bdp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bdp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .bdp-card {\n    animation: bdpFadeInUp .5s ease backwards;\n  }\n  .bdp-card:nth-child(1) { animation-delay: .05s; }\n  .bdp-card:nth-child(2) { animation-delay: .1s; }\n  .bdp-card:nth-child(3) { animation-delay: .15s; }\n  .bdp-card:nth-child(4) { animation-delay: .2s; }\n  .bdp-card:nth-child(5) { animation-delay: .25s; }\n  .bdp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bdpFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bdp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":63831754539385,"sku":"NETTOYANTBLONDEPIL","price":5.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-visage-et-barbe-150ml-blondepil-lifestyle.webp?v=1782384388"},{"product_id":"kit-decouverte-nettoyant-visage-aloe-vera-pimpant","title":"Kit Découverte Nettoyant Visage Aloe Vera - Pimpant","description":"\u003cdiv class=\"pim-premium\"\u003e\n  \u003cdiv class=\"pim-hero\"\u003e\n    \u003cdiv class=\"pim-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pim-hero-content\"\u003e\n      \u003cdiv class=\"pim-badges-top\"\u003e\n        \u003cspan class=\"pim-badge\"\u003e🌿 99,2% Naturel\u003c\/span\u003e\n        \u003cspan class=\"pim-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"pim-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n        \u003cspan class=\"pim-badge\"\u003e✅ COSMOS Natural\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pim-hero-title\"\u003eKit Découverte Nettoyant Visage Aloe Vera\u003c\/span\u003e\n      \u003cp class=\"pim-subtitle\"\u003ePimpant - Poudre à diluer \u0026amp; bouteille rechargeable\u003c\/p\u003e\n      \u003cp class=\"pim-description\"\u003eUne routine beauté responsable : une bouteille en verre réutilisable et des recharges en poudre à diluer pour un nettoyant visage doux à l'aloe vera bio et à l'acide hyaluronique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pim-section\"\u003e\n    \u003ch2\u003eKit Découverte Gel Nettoyant Visage à l'Aloe Vera Bio - Pimpant\u003c\/h2\u003e\n    \u003cp class=\"pim-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel nettoyant visage à l'aloe vera\u003c\/strong\u003e à la fois efficace, doux et respectueux de la planète ? Le Kit Découverte Pimpant vous propose une approche innovante : une bouteille en verre réutilisable accompagnée de recharges en poudre à diluer. Une solution écologique qui ne sacrifie ni la qualité ni le plaisir d'utilisation, et qui transforme votre routine beauté en un geste plus responsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pim-section\"\u003e\n    \u003ch2\u003eUn nettoyant visage à l'aloe vera pensé pour tous les jours\u003c\/h2\u003e\n    \u003cp class=\"pim-section-intro\"\u003eCe \u003cstrong\u003egel nettoyant aloe vera visage\u003c\/strong\u003e a été formulé pour purifier votre peau en douceur, sans l'agresser. Sa texture gel légère et onctueuse mousse délicatement au contact de l'eau, élimine les impuretés, l'excès de sébum et les résidus de pollution accumulés au fil de la journée.\u003c\/p\u003e\n    \u003cdiv class=\"pim-grid-compact\"\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e🌱 99,2%\u003c\/h3\u003e\n        \u003cp\u003eD'ingrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e✅ 100\/100\u003c\/h3\u003e\n        \u003cp\u003eNote Yuka\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e⭐ 19,2\/20\u003c\/h3\u003e\n        \u003cp\u003eINCI Beauty\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e🏷️ COSMOS\u003c\/h3\u003e\n        \u003cp\u003eCertifié Natural par Ecocert\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pim-section\"\u003e\n    \u003ch2\u003eLes actifs clés du nettoyant visage aloe vera Pimpant\u003c\/h2\u003e\n    \u003cdiv class=\"pim-grid\"\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera Bio\u003c\/h3\u003e\n        \u003cp\u003eAloe Barbadensis Leaf Juice Powder : hydrate et apaise les peaux sensibilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e💧 Acide Hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eSodium Hyaluronate : retient l'eau dans les couches superficielles et repulpe la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e✨ Erythritol\u003c\/h3\u003e\n        \u003cp\u003eMaintient l'hydratation et assouplit l'épiderme jour après jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n        \u003cp\u003eTensioactif doux d'origine naturelle qui nettoie sans décaper.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pim-tip\"\u003e\n      \u003cspan class=\"pim-tip-icon\"\u003e📋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Sodium Cocoyl Glutamate, Erythritol, Xanthan Gum, Potassium Sorbate, Sodium Benzoate, Parfum (Fragrance), Aloe Barbadensis Leaf Juice Powder, Citric Acid, Sodium Hyaluronate.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pim-section\"\u003e\n    \u003ch2\u003eComment préparer votre gel nettoyant aloe vera ?\u003c\/h2\u003e\n    \u003cp class=\"pim-section-intro\"\u003eLe concept Pimpant est simple : vous mélangez une recharge en poudre avec de l'eau pour obtenir votre nettoyant prêt à l'emploi.\u003c\/p\u003e\n    \u003cdiv class=\"pim-timeline\"\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e💧 Versez l'eau\u003c\/h3\u003e\n          \u003cp\u003eAjoutez 225 ml d'eau tiède dans la bouteille en verre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e🌿 Ajoutez la recharge\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu d'une recharge (25 g de poudre).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e🫧 Secouez\u003c\/h3\u003e\n          \u003cp\u003eRefermez la bouteille et secouez vigoureusement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Patientez 20 minutes\u003c\/h3\u003e\n          \u003cp\u003eVotre gel est prêt à être utilisé. Chaque recharge donne 250 ml de nettoyant visage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pim-section\"\u003e\n    \u003ch2\u003eComment utiliser votre nettoyant visage aloe vera ?\u003c\/h2\u003e\n    \u003cdiv class=\"pim-timeline\"\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e💦 Humidifiez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre visage à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e🫧 Massez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de gel et faites mousser en mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e💧 Rincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire et séchez délicatement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-timeline-item\"\u003e\n        \u003cdiv class=\"pim-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pim-timeline-content\"\u003e\n          \u003ch3\u003e✨ Hydratez\u003c\/h3\u003e\n          \u003cp\u003ePoursuivez avec votre soin hydratant habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pim-tip\"\u003e\n      \u003cspan class=\"pim-tip-icon\"\u003e👤\u003c\/span\u003e\n      \u003cp\u003eAdapté aux \u003cstrong\u003eadultes à partir de 16 ans\u003c\/strong\u003e. Pour les plus jeunes, préférez le Gel Lavant 2-en-1 Kids de la marque.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pim-section\"\u003e\n    \u003ch2\u003eComposition du kit et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"pim-grid\"\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e🍶 1 bouteille en verre\u003c\/h3\u003e\n        \u003cp\u003eRéutilisable et durable, équipée d'une pompe pratique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e🌿 4 recharges en poudre\u003c\/h3\u003e\n        \u003cp\u003e25 g chacune, soit 1 litre de gel nettoyant au total.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pim-card\"\u003e\n        \u003ch3\u003e📦 Emballage éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eEmballage en papier 100 % recyclable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pim-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"pim-accordion-item\"\u003e\n        \u003csummary class=\"pim-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pim-accordion-content mt-3\"\u003e\n          \u003cp\u003e3 ans recharge fermée, 3 mois après dilution.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pim-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le gel nettoyant Pimpant ?\u003c\/h2\u003e\n    \u003cdiv class=\"pim-cta-box\"\u003e\n      \u003cp\u003eContrairement à un gel nettoyant visage aloe vera maison, la formule Pimpant garantit une stabilité, une conservation maîtrisée et une efficacité testée dermatologiquement. Vous bénéficiez d'un produit naturel, écologique et fabriqué en France, tout en réduisant votre impact environnemental grâce au système de recharges.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pim-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical ou dermatologique. 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\n\u003cstyle\u003e\n:root {\n  --pim-cream: #f4f9f8;\n  --pim-white: #ffffff;\n  --pim-primary: #6cb5ad;\n  --pim-primary-dark: #2f7a72;\n  --pim-primary-light: #e2f1ef;\n  --pim-secondary: #4a9c93;\n  --pim-accent: #8fd3c7;\n  --pim-text: #1a2e2c;\n  --pim-text-light: #5a6b69;\n  --pim-border: #d8e8e6;\n  --pim-shadow: 0 4px 24px rgba(47,122,114,.08);\n  --pim-shadow-lg: 0 12px 48px rgba(47,122,114,.18);\n  --pim-radius: 20px;\n  --pim-radius-sm: 12px;\n}\n\n.pim-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pim-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pim-text);\n}\n\n.pim-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8fd3c7 0%, #6cb5ad 50%, #2f7a72 100%);\n  border-radius: var(--pim-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(--pim-shadow-lg);\n}\n\n.pim-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 70% 60%, white 1.5px, transparent 1.5px),\n                    radial-gradient(circle at 40% 80%, white 2px, transparent 2px);\n  background-size: 60px 60px, 80px 80px, 100px 100px;\n}\n\n.pim-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pim-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.pim-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.pim-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.pim-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pim-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(--pim-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pim-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pim-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pim-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pim-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.pim-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(--pim-primary), var(--pim-secondary));\n  border-radius: 2px;\n}\n\n.pim-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pim-text-light);\n  line-height: 1.7;\n  margin: 0 auto 1.5rem;\n  max-width: 760px;\n}\n\n.pim-section-intro strong {\n  color: var(--pim-primary-dark);\n}\n\n.pim-card {\n  background: var(--pim-white);\n  border-radius: var(--pim-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pim-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pim-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pim-shadow-lg);\n  border-color: var(--pim-primary);\n}\n\n.pim-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pim-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pim-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pim-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pim-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pim-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pim-grid-compact .pim-card {\n  padding: 1rem;\n}\n\n.pim-grid-compact .pim-card h3 {\n  font-size: 18px;\n  margin-bottom: .35rem;\n}\n\n.pim-grid-compact .pim-card p {\n  font-size: 13px;\n}\n\n.pim-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.pim-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pim-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pim-primary), var(--pim-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(47,122,114,.3);\n}\n\n.pim-timeline-content {\n  flex: 1;\n  background: var(--pim-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pim-radius-sm);\n  box-shadow: var(--pim-shadow);\n}\n\n.pim-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pim-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pim-timeline-content p {\n  font-size: 14px;\n  color: var(--pim-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pim-accordion {\n  background: var(--pim-white);\n  border-radius: var(--pim-radius);\n  box-shadow: var(--pim-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pim-accordion-item {\n  border-bottom: 1px solid var(--pim-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pim-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pim-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pim-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.pim-accordion-header:hover {\n  background: var(--pim-primary-light);\n}\n\n.pim-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pim-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pim-primary);\n  transition: transform .2s ease;\n}\n\n.pim-accordion-item[open] .pim-accordion-header::after {\n  content: '−';\n}\n\n.pim-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pim-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pim-accordion-content p {\n  margin: 0;\n}\n\n.pim-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pim-primary-light);\n  border-radius: var(--pim-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pim-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pim-tip p {\n  font-size: 14px;\n  color: var(--pim-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pim-cta-box {\n  background: linear-gradient(135deg, var(--pim-primary) 0%, var(--pim-primary-dark) 100%);\n  border-radius: var(--pim-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--pim-shadow-lg);\n}\n\n.pim-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.pim-disclaimer {\n  font-size: 12px;\n  color: var(--pim-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .pim-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pim-card {\n    padding: 1.125rem;\n  }\n  .pim-section {\n    margin-bottom: 1.75rem;\n  }\n  .pim-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pim-radius-sm);\n  }\n  .pim-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pim-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pim-grid-compact {\n    gap: .625rem;\n  }\n  .pim-grid-compact .pim-card {\n    padding: .75rem;\n  }\n  .pim-grid-compact .pim-card h3 {\n    font-size: 15px;\n  }\n  .pim-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .pim-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pim-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pim-timeline-content p {\n    font-size: 13px;\n  }\n  .pim-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pim-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pim-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .pim-card:nth-child(1) { animation-delay: .05s; }\n  .pim-card:nth-child(2) { animation-delay: .1s; }\n  .pim-card:nth-child(3) { animation-delay: .15s; }\n  .pim-card: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  .pim-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":63839258050937,"sku":"NBAIPIM0126","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-decouverte-nettoyant-visage-aloe-vera-pimpant-lifestyle.webp?v=1782479236"},{"product_id":"gel-nettoyant-purifiant-au-miel-de-manuka-iaa15-200-ml-cicamanuka","title":"Gel nettoyant purifiant au miel de manuka iaa15+ - 200 ml - CicaManuka","description":"\u003cdiv class=\"cica-premium\"\u003e\n  \u003cdiv class=\"cica-hero\"\u003e\n    \u003cdiv class=\"cica-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cica-hero-content\"\u003e\n      \u003cdiv class=\"cica-badges-top\"\u003e\n        \u003cspan class=\"cica-badge\"\u003e🍯 Miel de Manuka IAA15+\u003c\/span\u003e\n        \u003cspan class=\"cica-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"cica-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cica-hero-title\"\u003eLa douceur du Manuka pour une peau nette\u003c\/span\u003e\n      \u003cp class=\"cica-subtitle\"\u003eGel nettoyant purifiant · 200 ml\u003c\/p\u003e\n      \u003cp class=\"cica-description\"\u003eDésincruste, régule l'excès de sébum et réduit les imperfections des peaux mixtes à grasses, sans dessécher.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cica-section\"\u003e\n    \u003ch2\u003eUn gel nettoyant purifiant visage pensé pour les peaux mixtes à grasses\u003c\/h2\u003e\n    \u003cp class=\"cica-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel nettoyant purifiant visage\u003c\/strong\u003e à la fois efficace et respectueux de votre peau ? Le \u003cstrong\u003eGel Nettoyant Purifiant au Miel de Manuka IAA15+\u003c\/strong\u003e de CicaManuka a été formulé pour répondre aux besoins spécifiques des peaux mixtes à grasses, sujettes aux imperfections et aux brillances.\u003c\/p\u003e\n    \u003cp class=\"cica-section-intro\"\u003eSa texture gel moussante élimine en douceur les impuretés, l'excès de sébum et les résidus de maquillage, sans dessécher ni tirailler. Certifié \u003cstrong\u003eCOSMOS NATURAL par Ecocert Greenlife\u003c\/strong\u003e, ce soin réunit \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e dans une formule courte de seulement 12 actifs, sans parfum ajouté, non comédogène et au pH physiologique. Fabriqué en France dans un flacon de 200 ml.\u003c\/p\u003e\n    \u003cdiv class=\"cica-grid-compact\"\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e✅ COSMOS Natural\u003c\/h3\u003e\n        \u003cp\u003eCertifié Ecocert Greenlife\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🧪 12 actifs\u003c\/h3\u003e\n        \u003cp\u003eFormule courte et ciblée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n        \u003cp\u003eNon comédogène\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e💧 pH physiologique\u003c\/h3\u003e\n        \u003cp\u003eRespecte la barrière cutanée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cica-section\"\u003e\n    \u003ch2\u003eLes actifs stars pour désincruster et rééquilibrer\u003c\/h2\u003e\n    \u003cdiv class=\"cica-grid\"\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🍯 Miel de Manuka IAA15+ (2 %)\u003c\/h3\u003e\n        \u003cp\u003eRiche en acide gluconique (PHA), il exerce une action exfoliante douce et améliore visiblement l'aspect des peaux à imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e⚡ Zinc PCA\u003c\/h3\u003e\n        \u003cp\u003eRégule l'excès de sébum, rééquilibre le microbiote cutané et participe à l'hydratation naturelle de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e✨ Gluconolactone (5 %)\u003c\/h3\u003e\n        \u003cp\u003eCe PHA affine le grain de peau, désincruste les pores et apporte une hydratation supplémentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🥥 Coco-glucoside\u003c\/h3\u003e\n        \u003cp\u003eBase lavante d'origine végétale, elle nettoie sans agresser la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🌵 Aloe vera\u003c\/h3\u003e\n        \u003cp\u003eApaise et adoucit les peaux réactives pour un confort immédiat après le nettoyage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cica-section\"\u003e\n    \u003ch2\u003eRésultats prouvés : les bienfaits mesurés\u003c\/h2\u003e\n    \u003cp class=\"cica-section-intro\"\u003eContrairement à un simple \u003cstrong\u003egel purifiant visage\u003c\/strong\u003e classique, ce soin a été testé cliniquement pendant 4 semaines auprès de 33 volontaires, avec 2 applications par jour.\u003c\/p\u003e\n    \u003cdiv class=\"cica-grid-compact\"\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e-19 %\u003c\/h3\u003e\n        \u003cp\u003eComédons ouverts (auto-scorage)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e-10,1 %\u003c\/h3\u003e\n        \u003cp\u003ePorphyrines (mesure instrumentale)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e84 %\u003c\/h3\u003e\n        \u003cp\u003eConstatent une régulation de l'excès de sébum\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e97 %\u003c\/h3\u003e\n        \u003cp\u003eConfirment une élimination des impuretés en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e88 %\u003c\/h3\u003e\n        \u003cp\u003eRessentent un effet apaisant après l'application\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e4 semaines\u003c\/h3\u003e\n        \u003cp\u003eTest clinique sur 33 volontaires\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cica-section\"\u003e\n    \u003ch2\u003eComment utiliser le gel nettoyant purifiant CicaManuka ?\u003c\/h2\u003e\n    \u003cdiv class=\"cica-timeline\"\u003e\n      \u003cdiv class=\"cica-timeline-item\"\u003e\n        \u003cdiv class=\"cica-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cica-timeline-content\"\u003e\n          \u003ch3\u003eHumidifier\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre visage à l'eau tiède pour préparer la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-timeline-item\"\u003e\n        \u003cdiv class=\"cica-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cica-timeline-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une petite quantité de gel dans le creux de la main, matin et\/ou soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-timeline-item\"\u003e\n        \u003cdiv class=\"cica-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cica-timeline-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement en mouvements circulaires sur l'ensemble du visage en évitant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-timeline-item\"\u003e\n        \u003cdiv class=\"cica-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cica-timeline-content\"\u003e\n          \u003ch3\u003eRincer \u0026amp; sécher\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède, puis séchez en tamponnant avec une serviette douce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-timeline-item\"\u003e\n        \u003cdiv class=\"cica-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"cica-timeline-content\"\u003e\n          \u003ch3\u003ePoursuivre la routine\u003c\/h3\u003e\n          \u003cp\u003eEnchaînez avec votre soin habituel (sérum, crème hydratante).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cica-tip\"\u003e\n      \u003cspan class=\"cica-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil d'experte :\u003c\/strong\u003e pour maximiser les résultats sur les peaux à tendance acnéique, associez ce nettoyant à un soin ciblé au miel de Manuka de la même gamme. Une routine régulière est la clé d'une peau visiblement plus nette.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cica-section\"\u003e\n    \u003ch2\u003ePour qui ce gel nettoyant est-il recommandé ?\u003c\/h2\u003e\n    \u003cdiv class=\"cica-grid\"\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e💫 Peaux mixtes à grasses\u003c\/h3\u003e\n        \u003cp\u003ePour les épidermes brillants avec zone T marquée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🎯 Tendance acnéique\u003c\/h3\u003e\n        \u003cp\u003eSujettes aux boutons, comédons et points noirs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eQui ne tolèrent pas les nettoyants agressifs du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e👦 Enfants dès 9 ans\u003c\/h3\u003e\n        \u003cp\u003eFormule douce adaptée aux jeunes peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n        \u003cp\u003eCompatible avec la grossesse et l'allaitement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cica-card\"\u003e\n        \u003ch3\u003e🌱 Amoureuses du naturel\u003c\/h3\u003e\n        \u003cp\u003e100 % d'ingrédients d'origine naturelle, certifié COSMOS.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cica-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cica-accordion\"\u003e\n      \u003cdetails class=\"cica-accordion-item\"\u003e\n        \u003csummary class=\"cica-accordion-header\"\u003e🕐 À quelle fréquence l'utiliser ?\u003c\/summary\u003e\n        \u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n          \u003cp\u003eUne à deux fois par jour, matin et\/ou soir. Un usage quotidien est parfaitement toléré grâce à sa base lavante douce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cica-accordion-item\"\u003e\n        \u003csummary class=\"cica-accordion-header\"\u003e💄 Peut-il remplacer un démaquillant ?\u003c\/summary\u003e\n        \u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il élimine efficacement les résidus de maquillage tout en purifiant la peau. Pour un maquillage waterproof, une double étape peut être conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cica-accordion-item\"\u003e\n        \u003csummary class=\"cica-accordion-header\"\u003e💧 Est-il asséchant ?\u003c\/summary\u003e\n        \u003cdiv class=\"cica-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon. Contrairement à de nombreux gels purifiants du marché, sa formule respecte le film hydrolipidique grâce au coco-glucoside et à l'aloe vera.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cica-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cica-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre peau la douceur purifiante du miel de Manuka IAA15+ et retrouvez un teint net, équilibré et lumineux au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cica-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical. En cas d'acné sévère, persistante ou inflammatoire, consultez un dermatologue. Usage externe uniquement, éviter le contour des yeux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cica-cream: #fdfaf0;\n  --cica-white: #ffffff;\n  --cica-primary: #e8c547;\n  --cica-primary-dark: #a8862a;\n  --cica-primary-light: #fef6d9;\n  --cica-secondary: #d4a017;\n  --cica-accent: #f5b800;\n  --cica-text: #2b2410;\n  --cica-text-light: #6b5f45;\n  --cica-border: #e8dfc2;\n  --cica-shadow: 0 4px 24px rgba(168,134,42,.10);\n  --cica-shadow-lg: 0 12px 48px rgba(168,134,42,.18);\n  --cica-radius: 20px;\n  --cica-radius-sm: 12px;\n}\n\n.cica-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cica-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cica-text);\n}\n\n.cica-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f5b800 0%, #e8c547 50%, #d4a017 100%);\n  border-radius: var(--cica-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(--cica-shadow-lg);\n}\n\n.cica-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px), radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px);\n  background-size: 60px 60px;\n  opacity: .1;\n}\n\n.cica-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cica-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\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.cica-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 .75rem 0;\n  opacity: .95;\n}\n\n.cica-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  margin: 0 auto;\n  max-width: 600px;\n  line-height: 1.6;\n  opacity: .95;\n}\n\n.cica-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cica-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(--cica-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cica-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cica-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cica-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cica-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.cica-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(--cica-primary), var(--cica-secondary));\n  border-radius: 2px;\n}\n\n.cica-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cica-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.cica-card {\n  background: var(--cica-white);\n  border-radius: var(--cica-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cica-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cica-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cica-shadow-lg);\n  border-color: var(--cica-primary);\n}\n\n.cica-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cica-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cica-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cica-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cica-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cica-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cica-grid-compact .cica-card {\n  padding: 1rem;\n}\n\n.cica-grid-compact .cica-card h3 {\n  font-size: 15px;\n  margin-bottom: .35rem;\n}\n\n.cica-grid-compact .cica-card p {\n  font-size: 13px;\n}\n\n.cica-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cica-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cica-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cica-primary), var(--cica-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(212,160,23,.3);\n}\n\n.cica-timeline-content {\n  flex: 1;\n  background: var(--cica-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cica-radius-sm);\n  box-shadow: var(--cica-shadow);\n}\n\n.cica-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cica-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cica-timeline-content p {\n  font-size: 14px;\n  color: var(--cica-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cica-accordion {\n  background: var(--cica-white);\n  border-radius: var(--cica-radius);\n  box-shadow: var(--cica-shadow);\n  overflow: hidden;\n}\n\n.cica-accordion-item {\n  border-bottom: 1px solid var(--cica-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cica-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cica-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cica-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.cica-accordion-header:hover {\n  background: var(--cica-primary-light);\n}\n\n.cica-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cica-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cica-primary);\n  transition: transform .2s ease;\n}\n\n.cica-accordion-item[open] .cica-accordion-header::after {\n  content: '−';\n}\n\n.cica-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cica-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cica-accordion-content p {\n  margin: 0;\n}\n\n.cica-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cica-primary-light);\n  border-radius: var(--cica-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--cica-primary);\n}\n\n.cica-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cica-tip p {\n  font-size: 14px;\n  color: var(--cica-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cica-cta-box {\n  background: linear-gradient(135deg, var(--cica-primary) 0%, var(--cica-primary-dark) 100%);\n  border-radius: var(--cica-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cica-shadow-lg);\n}\n\n.cica-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.cica-disclaimer {\n  font-size: 12px;\n  color: var(--cica-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  .cica-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cica-card {\n    padding: 1.125rem;\n  }\n  .cica-section {\n    margin-bottom: 1.75rem;\n  }\n  .cica-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cica-radius-sm);\n  }\n  .cica-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cica-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cica-grid-compact {\n    gap: .625rem;\n  }\n  .cica-grid-compact .cica-card {\n    padding: .75rem;\n  }\n  .cica-grid-compact .cica-card h3 {\n    font-size: 14px;\n  }\n  .cica-grid-compact .cica-card p {\n    font-size: 12px;\n  }\n  .cica-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cica-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cica-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cica-timeline-content p {\n    font-size: 13px;\n  }\n  .cica-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cica-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cica-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cica-card:nth-child(1) { animation-delay: .05s; }\n  .cica-card:nth-child(2) { animation-delay: .1s; }\n  .cica-card:nth-child(3) { animation-delay: .15s; }\n  .cica-card:nth-child(4) { animation-delay: .2s; }\n  .cica-card:nth-child(5) { animation-delay: .25s; }\n  .cica-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  .cica-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CicaManuka","offers":[{"title":"Default Title","offer_id":64529564762489,"sku":"NBAICIC0014","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-nettoyant-purifiant-cicamanuka.webp?v=1790416453"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/demaquillant-et-nettoyant.webp?v=1790071775","url":"https:\/\/www.naturellement-bio.com\/collections\/demaquillant-et-nettoyant.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}