{"title":"Centifolia","description":"\u003ch2\u003eRéponses à vos questions fréquentes sur Centifolia\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits Centifolia conviennent-ils aux peaux sensibles et aux enfants ?\u003c\/summary\u003e\n\u003cp\u003eOui, c’est l’une des grandes forces de la marque. Les gammes Neutre et “pour toute la famille” sont hypoallergéniques, sans parfum, et testées dermatologiquement pour convenir même aux tout-petits.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOù sont fabriqués les soins Centifolia ?\u003c\/summary\u003e\n\u003cp\u003eTous les produits Centifolia sont fabriqués en France, dans les Deux-Sèvres, avec un contrôle qualité exigeant à chaque étape.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes formules Centifolia sont-elles vegan et non testées sur les animaux ?\u003c\/summary\u003e\n\u003cp\u003eOui, la majorité des soins sont vegan (hors quelques exceptions type produits à la cire d’abeille) et aucun produit n’est testé sur les animaux, conformément à la réglementation européenne.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment conserver les soins bio sans conservateurs forts ?\u003c\/summary\u003e\n\u003cp\u003eGrâce à la technologie du laboratoire, la conservation est assurée par des extraits naturels et des packagings hermétiques. À garder à l’abri de la chaleur, bien refermés.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser les shampoings Centifolia en lavage fréquent ?\u003c\/summary\u003e\n\u003cp\u003eOui, ils sont formulés pour être doux, sans sulfates agressifs, et conviennent parfaitement aux lavages fréquents, même sur cheveux fins ou colorés.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eVous hésitez sur une routine Centifolia ? Besoin d’aide au choix ?\u003c\/summary\u003e\n\u003cp\u003eN’hésitez jamais à nous contacter via le formulaire ou par téléphone : nous vous guiderons vers le soin le plus adapté à votre besoin et votre profil.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"mt-3\"\u003ePourquoi choisir Centifolia chez Naturellement Bio ?\u003c\/h2\u003e\n\u003cp\u003eChez nous, chaque marque est soigneusement sélectionnée, mais avouons-le : Centifolia a une place à part dans notre cœur (et dans beaucoup de salles de bains aussi !). Ce laboratoire installé dans les Deux-Sèvres cultive depuis plus de 35 ans la passion des plantes, la douceur et l’efficacité pour toute la famille. Ici, pas de greenwashing, pas de blabla inutile : juste le plaisir d’utiliser des soins naturels, respectueux de la peau et de la planète.\u003c\/p\u003e\n\u003cp\u003eNous partageons avec Centifolia une même exigence : offrir à chacun de vrais soins, à la fois sensoriels, sûrs, et fabriqués en France dans une démarche éco-responsable.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eL’ADN Centifolia : la science botanique au service du naturel\u003c\/h2\u003e\n\u003cp\u003eL’histoire de Centifolia, c’est d’abord celle d’une conviction forte : la nature détient tout ce dont notre peau et nos cheveux ont besoin. Depuis 1983, la marque associe le meilleur de la recherche botanique française à des formules bio certifiées, ultra-clean et souvent vegan.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli class=\"mb-2\"\u003e🌿 Formules sans compromis : 98 à 100% d’ingrédients d’origine naturelle, sans sulfate, ni silicone, ni parfum synthétique agressif.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🇫🇷 Fabrication française, en circuit court, dans leur propre laboratoire engagé dans la transition écologique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🧪 Expertise reconnue sur les extraits végétaux, l’innovation galénique, et le respect des peaux même ultra-sensibles.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🌱 Certifications : Cosmébio, Ecocert, Vegan, non testé sur les animaux.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e♻️ Packagings éco-conçus et recyclables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEt puis, ce petit supplément d’âme : la marque privilégie les actifs bruts (hydrolats, huiles, beurres) et les routines courtes qui font du bien à tous, petits et grands.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment choisir votre soin Centifolia ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"min-width: 700px; width: 100%; margin-bottom: 1.3em; border-collapse: collapse; font-size: 1em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"background: #f8f6f2; border-bottom: 2px solid #e3dcd2; padding: 10px 12px; text-align: left;\"\u003eBesoin \/ Type de peau ou cheveux\u003c\/th\u003e\n\u003cth style=\"background: #f8f6f2; border-bottom: 2px solid #e3dcd2; padding: 10px 12px; text-align: left;\"\u003eExemples de produits Centifolia\u003c\/th\u003e\n\u003cth style=\"background: #f8f6f2; border-bottom: 2px solid #e3dcd2; padding: 10px 12px; text-align: left;\"\u003eConseil ou astuce\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eCheveux bouclés ou ondulés\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eGel-crème définisseur de Boucles Anti-frisottis Bio,\u003cbr\u003eShampoing \u0026amp; Démêlant Boucles Anti-frisottis 2en1 Bio,\u003cbr\u003eSoin Activateur de Boucles Bio\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003ePour des boucles souples et sans frisottis, adoptez la routine 3 étapes Centifolia : shampoing, soin, puis gel-crème en finition.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003ePeau sensible \/ réactive\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eSérum Apaisant Neutre Anti-Rougeurs Bio,\u003cbr\u003eCrème Hydratante Neutre,\u003cbr\u003eGel Moussant Neutre 3 en 1,\u003cbr\u003eBaume Relipidant Neutre Bio\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eOptez pour la gamme Neutre, testée sous contrôle dermatologique et sans parfum, pour toute la famille.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eRoutine éclat \u0026amp; anti-âge\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eSoin Jour Multi-Actif Lys Active,\u003cbr\u003eSérum Concentré Anti-Taches Lys Active,\u003cbr\u003eCrème Nettoyante Micro-Perlée Lys Active,\u003cbr\u003eFluide hydratant éclat de rose Bio\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eIdéal pour raviver l’éclat, atténuer les taches et protéger la peau au quotidien.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eSoin corps hydratant\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eBaume Corps Hydratant SOS,\u003cbr\u003eLait Corps Hydratant,\u003cbr\u003eGommage Corps Fondant Nectar Doré\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003ePour les peaux sèches ou tiraillées, rien de tel que le baume SOS après la douche.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eHygiène quotidienne famille\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eGel Moussant Neutre 3 en 1 (1L),\u003cbr\u003eGel Douche Surgras (Fleur d’Oranger, Verveine, Fruits Exotiques),\u003cbr\u003eShampooing Douche Pour Toute La Famille\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eUn seul flacon pour tous : pratique, économique, adapté aux enfants comme aux parents.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eDémaquillage \u0026amp; soin du visage\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eLait Dermo-Nettoyant Démaquillant Neutre Bio,\u003cbr\u003eEau Micellaire Neutre,\u003cbr\u003eGelée Démaquillante\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px; border-bottom: 1px solid #eee;\"\u003eUtilisez l’eau micellaire ou la gelée démaquillante, puis appliquez un soin neutre pour apaiser la peau.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 9px 12px;\"\u003eSoin mains et ongles\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px;\"\u003eCrème Mains Protectrice,\u003cbr\u003eSoin des Mains Anti-Taches\u003c\/td\u003e\n\u003ctd style=\"padding: 9px 12px;\"\u003eParfait pour les mains exposées au froid, ou à force de lavages répétés.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eEt si vous hésitez entre plusieurs routines, n’hésitez pas à nous demander conseil – c’est notre métier de vous orienter vers le soin le plus adapté à votre besoin, votre type de peau ou de cheveux.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eNotre coup de cœur Centifolia : le Gel-crème définisseur de Boucles Anti-frisottis Bio\u003c\/h2\u003e\n\u003cp\u003eSi vous cherchez LE produit pour dompter, définir et sublimer vos boucles sans les alourdir ni les cartonner, \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/gel-creme-definisseur-de-boucles-anti-frisottis-bio-150-ml-centifolia?_pos=1\u0026amp;_fid=b33ab4ea6\u0026amp;_ss=c\" target=\"_blank\"\u003e\u003cstrong\u003ele Gel-crème définisseur de Boucles Anti-frisottis Bio Centifolia\u003c\/strong\u003e\u003c\/a\u003e fait vraiment la différence. Sa formule naturelle, enrichie en extrait de graines de lin bio et en aloe vera, dessine des boucles souples, brillantes et rebondies, tout en luttant efficacement contre les frisottis et l’effet mousseux.\u003c\/p\u003e\n\u003cp\u003eCe qu’on aime par-dessus tout ? Sa texture légère qui ne laisse aucun résidu, l’absence totale de silicones ou de parfums entêtants, et la possibilité de l’utiliser au quotidien, même sur cheveux secs pour raviver les boucles entre deux shampoings. Une pépite, adoptée par beaucoup de boucles exigeantes (et par nos clients les plus fidèles).\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eNos conseils d’expert pour composer votre routine Centifolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli class=\"mb-2\"\u003e💧 Sur peau sensible ou allergique, privilégiez toujours la gamme Neutre (sans parfum, hypoallergénique), aussi bien pour le visage que pour le corps ou les enfants.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e👧 Pour les plus petits, choisissez les gels douche et shampooings familiaux, pratiques et économiques.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🌸 Pour un effet bonne mine naturel, l’Eau Florale de Rose de Damas et le Fluide Éclat de Rose sont des indispensables du matin.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🧴 Pour un démaquillage en douceur, alternez l’eau micellaire et le lait dermo-nettoyant selon la saison et la sensibilité de votre peau.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🔄 N’ayez pas peur d’alterner les soins capillaires (shampoings, soins, masques) selon l’état de vos cheveux : plus secs en hiver, plus brillants en été…\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✋ Et pour les mains ou le corps, pensez aux crèmes riches et aux beurres de karité après chaque lavage, c’est le geste barrière qui sauve la peau !\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eCentifolia : la nature au quotidien, pour toute la famille\u003c\/h2\u003e\n\u003cp\u003eChoisir Centifolia, c’est faire confiance à une marque authentique, à la pointe de la recherche végétale, mais toujours accessible et proche du quotidien. Que vous soyez adepte du minimalisme, parent exigeant, ou amoureux des rituels naturels, vous trouverez forcément le soin qui vous correspond. Explorez la gamme, testez les routines, partagez vos retours – et comme toujours, notre équipe se tient à votre écoute pour vous accompagner.\u003c\/p\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":"masque-cheveux-soin-brillance-intense-3-en-1-250-ml-centifolia","title":"Masque Cheveux Soin Brillance Intense 3 en 1 - 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🌿 98,8 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Pot 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eMasque cheveux soin brillance intense 3 en 1\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eExtrait de framboise bio \u0026amp; kératine végétale : hydratation, protection et brillance exceptionnelle en un seul geste, pour tous les types de cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eMasque Brillance Cheveux 3 en 1 Centifolia : le soin intense qui sublime votre chevelure\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent d'éclat, paraissent ternes ou fatigués ? Le \u003cstrong\u003eMasque Cheveux Soin Brillance Intense 3 en 1\u003c\/strong\u003e de Centifolia est le soin capillaire naturel qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍇 Framboise bio\u003c\/h3\u003e\n \u003cp\u003eExtrait revitalisant riche en antioxydants pour un éclat lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire et forme une barrière protectrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit de l'intérieur pour des cheveux souples et soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n \u003cp\u003eAdaptée à tous types de cheveux : lisses, bouclés, colorés ou naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux perdent leur brillance ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eLa pollution, le calcaire de l'eau, les appareils chauffants ou encore les colorations répétées agressent la fibre capillaire au quotidien. Les écailles du cheveu se soulèvent, la lumière ne se reflète plus correctement et le résultat est visible : des cheveux ternes et rêches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn \u003cstrong\u003emasque pour cheveux brillance\u003c\/strong\u003e de qualité agit en lissant ces écailles et en nourrissant la fibre de l'intérieur. C'est précisément ce que propose ce soin Centifolia, avec l'efficacité de la nature et sans aucun ingrédient controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour une brillance intense\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eComposé à \u003cstrong\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, ce masque réunit des actifs soigneusement sélectionnés pour sublimer votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en vitamine E, il revitalise les cheveux et leur apporte un éclat lumineux dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eRenforce la structure interne du cheveu, forme une barrière protectrice et prévient la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌺 Huile de camélia bio\u003c\/h3\u003e\n \u003cp\u003eReconnue au Japon pour ses vertus capillaires, elle nourrit en profondeur sans alourdir la chevelure.\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, apaise le cuir chevelu et facilite le démêlage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌲 Eau florale de genévrier bio\u003c\/h3\u003e\n \u003cp\u003ePurifiante et tonifiante, elle aide à rééquilibrer le cuir chevelu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-highlight\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans silicones, sans sulfates, sans parabènes. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e \u0026amp; \u003cstrong\u003evegan\u003c\/strong\u003e. 96 % des végétaux sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003e3 utilisations pour répondre à tous vos besoins\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe soin 3 en 1 s'adapte à votre routine et à l'état de vos cheveux :\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\u003e🧖‍♀️ En masque classique\u003c\/h3\u003e\n \u003cp\u003eAprès le shampooing, appliquez généreusement sur cheveux essorés, laissez poser 5 à 10 minutes puis rincez abondamment. Idéal une à deux fois par semaine pour entretenir la brillance.\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💨 En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit et appliquez sur les longueurs et les pointes, sèches ou humides. Parfait pour dessiner les boucles, dompter les frisottis et protéger les cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🌙 En masque de nuit\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs avant le coucher, enveloppez dans une serviette douce et rincez le lendemain avec un shampooing doux. Ce rituel offre une réparation intense comparable à un masque cheveux maison pour brillance, avec la praticité d'une formule prête à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éthique, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Centifolia, spécialiste de la cosméto-botanique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003ePot de 250 ml 100 % recyclé et recyclable, de la formule à l'emballage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique des ingrédients\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % végane, sans aucun ingrédient d'origine animale ni test sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce masque ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat de votre coloration et prolonge son intensité au fil des lavages\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏜️ Longueurs desséchées\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur les cheveux secs, cassants ou abîmés par les agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Chevelure naturelle\u003c\/h3\u003e\n \u003cp\u003eSublime les cheveux au naturel en leur apportant douceur, souplesse et brillance miroir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos cheveux le meilleur de la nature — une brillance intense, une hydratation profonde et une protection durable en un seul geste.\u003cbr\u003e\u003cstrong\u003eFormat : pot de 250 ml.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f3;\n --cf-white: #ffffff;\n --cf-primary: #b5234f;\n --cf-primary-dark: #7a1833;\n --cf-primary-light: #fceef2;\n --cf-secondary: #3d2117;\n --cf-accent: #d44872;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd8;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.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, var(--cf-secondary) 0%, var(--cf-primary-dark) 40%, var(--cf-primary) 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% 80%, rgba(212,72,114,.25) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(181,35,79,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\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-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.cf-card-highlight {\n background: var(--cf-primary-light);\n border: 2px solid var(--cf-primary);\n}\n\n.cf-card-highlight:hover {\n background: var(--cf-white);\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.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\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@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":45755220361373,"sku":"CE0453","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-cheveux-soin-brillance-intense-3-en-1-centifolia-packshothd_55df4851-7c8a-4b04-ad12-2f5a2a367626.webp?v=1775825109"},{"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":"lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-200-ml-centifolia","title":"Lotion Démêlante Sans Rinçage au Vinaigre de Framboise 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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍃 99,4 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLotion démêlante sans rinçage au vinaigre de framboise bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eBrillance, légèreté et démêlage express en quelques vaporisations. Pour tous les types de cheveux, dès 3 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 \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin démêlant cheveux sans rinçage\u003c\/strong\u003e vraiment efficace, sans alourdir votre chevelure ? La \u003cstrong\u003elotion démêlante sans rinçage Centifolia\u003c\/strong\u003e au vinaigre de framboise bio est le geste capillaire express qui change tout. En quelques vaporisations, vos cheveux retrouvent brillance, légèreté et se démêlent sans effort, que vous les coiffiez le matin pressée ou après un shampooing.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette lotion démêlante à la framboise ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux sprays démêlants qui laissent un film gras ou alourdissent la fibre capillaire, cette \u003cstrong\u003elotion démêlante framboise Centifolia\u003c\/strong\u003e délivre une brume ultra-fine et aérienne.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, lisses, bouclés ou même les cheveux fragiles des enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, aussi simple qu'un soin maison mais avec une formulation professionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Ultra-légère\u003c\/h3\u003e\n \u003cp\u003eBrume fine et aérienne qui n'alourdit pas la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Brillance immédiate\u003c\/h3\u003e\n \u003cp\u003eRésultat visible dès la première application, sans rinçage nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits ciblés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Vinaigre de framboise bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star de cette lotion. En resserrant les écailles du cheveu, il lisse la fibre capillaire et lui redonne un éclat naturel. Résultat : des cheveux visiblement plus brillants et beaucoup plus faciles à démêler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Jus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré d'hydratation, l'aloe vera assouplit les longueurs et apporte de la douceur sans effet cartonné. Vos cheveux restent souples et soyeux toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Acide lactique\u003c\/h3\u003e\n \u003cp\u003eEn ajustant le pH de la formule, il optimise l'affinité du soin avec le cheveu. Il renforce la brillance et la souplesse tout en respectant l'équilibre naturel du cuir chevelu.\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 cette lotion démêlante sans rinçage ?\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\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eVaporisez la lotion démêlante sur l'ensemble de votre chevelure, sèche ou humide, en maintenant le flacon à environ 20 cm.\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\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, laissez poser quelques instants avant de démêler au peigne ou à la brosse.\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\u003eCoiffez\u003c\/h3\u003e\n \u003cp\u003eCoiffez comme d'habitude. Aucun rinçage nécessaire.\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 sur cheveux bouclés ou frisés, vaporisez mèche par mèche pour mieux répartir le produit et préserver la définition de vos boucles.\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\u003eUne formule bio, vegan et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99,4 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 20,4 % bio\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique certifiée.\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 et labellisé Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eCompatible avec un mode de vie 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec exigence.\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\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\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice Powder*, Acetum**, Caprylyl\/Capryl Glucoside, Lactic Acid, Sodium Hydroxide, Dehydroacetic Acid, Parfum, Benzyl Alcohol.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003e*Ingrédient issu de l'agriculture biologique. **Transformé à partir d'ingrédients biologiques. 100 % des ingrédients végétaux sont certifiés bio. Formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\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⚠️ Précautions et conseils\u003c\/summary\u003e\n \u003cdiv class=\"cf-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 • Convient aux enfants de plus de 3 ans.\u003cbr\u003e\n • 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!-- SECTION 8 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eFlacon spray de \u003cstrong\u003e200 ml\u003c\/strong\u003e, pratique à emporter partout et à utiliser au quotidien pour des cheveux démêlés, brillants et pleins de légèreté. 🌸\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f7;\n --cf-white: #ffffff;\n --cf-primary: #c9345c;\n --cf-primary-dark: #8a1a3a;\n --cf-primary-light: #fce8ee;\n --cf-secondary: #e8637a;\n --cf-accent: #d94f6e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d8de;\n --cf-shadow: 0 4px 24px rgba(201,52,92,.08);\n --cf-shadow-lg: 0 12px 48px rgba(138,26,58,.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, #c9345c 0%, #e8637a 50%, #8a1a3a 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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.06) 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,.92);\n font-size: clamp(15px, 2.5vw, 18px);\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 TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\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 === *\/\n.cf-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-card-ingredient h3 {\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\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === 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 FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\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-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\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":45755284357277,"sku":"CE0265","price":8.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-2-ingredients.webp?v=1775824966"},{"product_id":"embellisseur-de-teint-eclat-de-rose-bio-30-ml-centifolia","title":"Embellisseur de Teint Éclat de Rose Bio - 30 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🌹 Rose Centifolia Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✨ Effet bonne mine\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eEmbellisseur de Teint Éclat de Rose Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 30 ml · Teinte universelle\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eEnvie d'un teint frais, lumineux et naturellement sublimé sans l'effet \"masque\" d'un fond de teint classique ? Ce soin hybride à mi-chemin entre l'hydratant et la base de maquillage offre un effet bonne mine immédiat, adapté à toutes les carnations, même les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet embellisseur de teint bio ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à un fond de teint couvrant, l'embellisseur révèle la beauté naturelle de votre peau. Texture fluide, fini glowy, grain de peau unifié et hydratation longue durée.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'acide hyaluronique naturel, la peau est repulpée et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Éclat immédiat\u003c\/h3\u003e\n \u003cp\u003eEffet bonne mine durable dès la première application, pour un teint lumineux et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Teinte universelle\u003c\/h3\u003e\n \u003cp\u003eUne seule teinte qui s'adapte à tous les phototypes, du plus clair au plus mat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99% d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmos Organic, dont 21,8 % issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, mixtes, sèches ou matures, sans marquer les ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003eFluide et non grasse, elle se fond sur l'épiderme sans masquer votre carnation.\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 stars de la formule\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia bio\u003c\/h3\u003e\n \u003cp\u003eCueillie à l'aube en Drôme provençale pour préserver toute sa concentration en actifs. Apaisante, antioxydante et illuminatrice, elle ravive l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'eau, il capte jusqu'à 1000 fois son poids en hydratation, repulpe la peau et lisse les traits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle neutralise les radicaux libres, booste la luminosité et prévient les signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et protège la barrière cutanée du dessèchement quotidien.\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'Embellisseur de Teint Éclat de Rose ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAppliquez une noisette de produit sur peau propre et sèche, le matin et\/ou le 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\u003eÉtalez uniformément\u003c\/h3\u003e\n \u003cp\u003eAppliquez du centre du visage vers l'extérieur pour une répartition homogène.\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 par mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eFavorisez la pénétration des actifs et stimulez la microcirculation.\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\u003eAdaptez selon vos envies\u003c\/h3\u003e\n \u003cp\u003eSeul pour un effet nude, avant le maquillage comme base illuminatrice, ou par-dessus votre fond de teint pour booster l'éclat.\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\u003eAstuce \"glow stratégique\"\u003c\/h3\u003e\n \u003cp\u003eDéposez une touche sur les pommettes, l'arête du nez et le haut du front pour un effet bonne mine sublimé.\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\u003eUne alternative naturelle et clean aux références cultes type \u003cstrong\u003efond de teint Touche Éclat YSL\u003c\/strong\u003e ou \u003cstrong\u003eOxyprolane Éclat du Teint\u003c\/strong\u003e, pour celles qui privilégient la cosmétique bio sans renoncer à la performance.\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 \u003cp class=\"cf-section-intro\"\u003eFormule à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e dont 21,8 % issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌹 Rosa Centifolia Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de rose de mai bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Barbadensis*\u003c\/h3\u003e\n \u003cp\u003eJus d'aloe vera apaisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Sodium Hyaluronate\u003c\/h3\u003e\n \u003cp\u003eAcide hyaluronique repulpant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌰 Argania Spinosa Kernel Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile d'argan nourrissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍊 Ascorbyl Glucoside\u003c\/h3\u003e\n \u003cp\u003eVitamine C stabilisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Parfum 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSenteur florale délicate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eOrigine, fabrication et engagement\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"L'embellisseur Éclat de Rose est fabriqué en France par Centifolia, marque pionnière de la cosméto-botanique. Conditionné dans un flacon airless de 30 ml qui préserve la fraîcheur des actifs, il répond aux exigences strictes du label Cosmos Organic.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-grid-compact\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française par Centifolia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio reconnue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔒 Flacon airless\u003c\/h3\u003e\n \u003cp\u003ePréserve la fraîcheur des actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Cosméto-botanique\u003c\/h3\u003e\n \u003cp\u003eMarque pionnière depuis l'origine\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'usage\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Conditions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contour des yeux. En cas de réaction, suspendez l'application.\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. Demandez conseil à un professionnel de santé en cas de doute, notamment pendant la grossesse ou l'allaitement.\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: #fdf8f6;\n --cf-white: #ffffff;\n --cf-primary: #e8a4ae;\n --cf-primary-dark: #b56b76;\n --cf-primary-light: #fbe9ec;\n --cf-secondary: #d68a96;\n --cf-accent: #c44e63;\n --cf-text: #2a1f23;\n --cf-text-light: #6b5a5e;\n --cf-border: #f0e1e3;\n --cf-shadow: 0 4px 24px rgba(180,107,118,.10);\n --cf-shadow-lg: 0 12px 48px rgba(180,107,118,.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-hero {\n position: relative;\n background: linear-gradient(135deg, #f9d5db 0%, #e8a4ae 50%, #c97e8a 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: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\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 letter-spacing: .02em;\n}\n\n.cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n font-weight: 400;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\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,.08);\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}\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-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(180,107,118,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\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-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: 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":45755315945629,"sku":"CE0410","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/embellisseur-de-teint-eclat-de-rose-bio-30-ml-centifolia-packshothd.webp?v=1777475982"},{"product_id":"serum-booster-dhydratation-eclat-de-rose-bio-30-ml-centifolia","title":"Sérum Booster d'Hydratation Éclat de Rose Bio - 30 ml - Centifolia","description":"\u003cdiv class=\"er-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"er-hero\"\u003e\n \u003cdiv class=\"er-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"er-hero-content\"\u003e\n \u003cdiv class=\"er-badges-top\"\u003e\n \u003cspan class=\"er-badge\"\u003e🌹 Rose Centifolia\u003c\/span\u003e\n \u003cspan class=\"er-badge\"\u003e💧 Acide hyaluronique\u003c\/span\u003e\n \u003cspan class=\"er-badge\"\u003e🍊 Vitamine C\u003c\/span\u003e\n \u003cspan class=\"er-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"er-hero-title\"\u003eSérum Booster d'Hydratation Éclat de Rose Bio\u003c\/span\u003e\n \u003cp class=\"er-subtitle\"\u003eCentifolia — La cosméto-botanique française\u003c\/p\u003e\n \u003cp class=\"er-description\"\u003e99,5 % d'ingrédients d'origine naturelle • 30 ml • Hydrate, repulpe et sublime le teint des peaux déshydratées, même sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"er-section\"\u003e\n \u003ch2\u003eSérum Booster d'Hydratation Éclat de Rose Bio Centifolia : l'éclat retrouvé des peaux assoiffées\u003c\/h2\u003e\n \u003cp class=\"er-section-intro\"\u003eVotre peau tiraille, manque de souplesse et affiche un teint terne ? Ce sérum éclat visage a été pensé précisément pour répondre à ces signes de déshydratation.\u003c\/p\u003e\n \u003cdiv class=\"er-grid-compact\"\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eTexture fluide et rosée qui pénètre instantanément pour désaltérer les peaux assoiffées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e✨ Teint sublimé\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et luminosité aux teints ternes grâce au complexe botanique concentré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e🧴 Flacon-pompe 30 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique et hygiénique, certifié Bio Cosmos Organic, fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour être toléré même par les peaux les plus réactives et fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"er-section\"\u003e\n \u003ch2\u003eUn puissant complexe de 3 actifs ciblés\u003c\/h2\u003e\n \u003cp class=\"er-section-intro\"\u003eCe qui distingue ce sérum booster hydratation des autres sérums du marché, c'est sa synergie de trois ingrédients soigneusement dosés.\u003c\/p\u003e\n \u003cdiv class=\"er-grid\"\u003e\n \u003cdiv class=\"er-card er-card-featured\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia\u003c\/h3\u003e\n \u003cp\u003eCueillie à la main en France au pic de concentration de ses actifs, cette rose aux « cent feuilles » apaise, hydrate et illumine le teint grâce à ses propriétés antioxydantes et éclaircissantes. Un véritable soin éclat d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card er-card-featured\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique naturel\u003c\/h3\u003e\n \u003cp\u003eCapable de capter jusqu'à \u003cstrong\u003e1 000 fois son poids en eau\u003c\/strong\u003e, il comble l'espace entre les fibres de collagène pour un effet repulpant et lissant visible dès les premières applications. Les ridules de déshydratation sont atténuées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card er-card-featured\"\u003e\n \u003ch3\u003e🍊 Vitamine C (Ascorbyl Glucoside)\u003c\/h3\u003e\n \u003cp\u003eCet antioxydant puissant neutralise les radicaux libres générés par le soleil, la pollution et le stress. Il contribue à prévenir le vieillissement prématuré et agit contre l'hyperpigmentation pour un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-tip\"\u003e\n \u003cspan class=\"er-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLe sérum est également enrichi en \u003cstrong\u003eextrait de figue\u003c\/strong\u003e et \u003cstrong\u003eextrait de grenadier\u003c\/strong\u003e, deux actifs qui renforcent la barrière cutanée et prolongent l'hydratation tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"er-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce sérum éclat ?\u003c\/h2\u003e\n \u003cdiv class=\"er-card\" style=\"text-align:left;\"\u003e\n \u003cp\u003eCe soin convient à toutes les personnes dont la peau est \u003cstrong\u003edéshydratée, terne ou fragilisée\u003c\/strong\u003e. Il est formulé pour être toléré même par les peaux sensibles et réactives.\u003c\/p\u003e\n \u003cp\u003eSi vous cherchez le meilleur sérum éclat visage alliant naturalité et efficacité, ce booster constitue une alternative bio aux sérums conventionnels — sans compromis sur les résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-grid-compact\"\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e😖 Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eTiraillements, manque de confort et perte d'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Teints ternes\u003c\/h3\u003e\n \u003cp\u003eManque d'éclat, teint grisâtre et fatigué au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e🩹 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRéactivité, rougeurs et besoin d'une formule douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-card\"\u003e\n \u003ch3\u003e⏳ Ridules de sécheresse\u003c\/h3\u003e\n \u003cp\u003ePremières rides liées à la déshydratation et perte de rebond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"er-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"er-timeline\"\u003e\n \u003cdiv class=\"er-timeline-item\"\u003e\n \u003cdiv class=\"er-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"er-timeline-content\"\u003e\n \u003ch3\u003eAppliquez 2 à 3 pressions\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, sur une peau propre et sèche, pressez le flacon-pompe pour obtenir la juste dose de sérum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-timeline-item\"\u003e\n \u003cdiv class=\"er-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"er-timeline-content\"\u003e\n \u003ch3\u003eRépartissez délicatement\u003c\/h3\u003e\n \u003cp\u003eÉtalez sur le visage et le cou par mouvements ascendants, en insistant sur les zones de sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"er-timeline-item\"\u003e\n \u003cdiv class=\"er-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"er-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre rituel\u003c\/h3\u003e\n \u003cp\u003eLaissez pénétrer quelques secondes, puis appliquez votre crème hydratante. Le fluide léger ou la crème riche Éclat de Rose Centifolia complètent idéalement ce soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"er-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"er-accordion\"\u003e\n \u003cdetails class=\"er-accordion-item\" open\u003e\n \u003csummary class=\"er-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"er-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Propanediol, Triethyl Citrate, Hydrogenated Starch Hydrolysate, Glycerin, Rosa Centifolia Flower Extract*, Sodium Hyaluronate, Ascorbyl Glucoside, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (Fragrance), Geraniol, Linalool, Limonene, Citronellol, Mica, CI 77491.\u003c\/p\u003e\n \u003cp\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"er-accordion-item\"\u003e\n \u003csummary class=\"er-accordion-header\"\u003e🌱 Naturalité et certifications\u003c\/summary\u003e\n \u003cdiv class=\"er-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e99,5 % d'ingrédients d'origine naturelle\u003c\/strong\u003e — \u003cstrong\u003e20 % issus de l'agriculture biologique\u003c\/strong\u003e. Certifié Bio Cosmos Organic par Ecocert.\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=\"er-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"er-cta-box\"\u003e\n \u003cp\u003eÉlaboré en France par \u003cstrong\u003eCentifolia\u003c\/strong\u003e, laboratoire spécialisé dans la cosméto-botanique depuis plus de 30 ans. Procédés de fabrication durables, emballages recyclables et formule sans composants synthétiques nocifs. La certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e vous garantit un produit véritablement bio, transparent sur sa composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"er-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --er-cream: #fdf6f3;\n --er-white: #ffffff;\n --er-primary: #d4a0a0;\n --er-primary-dark: #8c5060;\n --er-primary-light: #f5e6e6;\n --er-secondary: #c8917e;\n --er-accent: #e8bfb1;\n --er-text: #1a1a1a;\n --er-text-light: #5a5a5a;\n --er-border: #ebd9d9;\n --er-shadow: 0 4px 24px rgba(140,80,96,.08);\n --er-shadow-lg: 0 12px 48px rgba(140,80,96,.15);\n --er-radius: 20px;\n --er-radius-sm: 12px;\n}\n\n.er-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--er-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.er-hero {\n position: relative;\n background: linear-gradient(135deg, #c8917e 0%, #d4a0a0 40%, #8c5060 100%);\n border-radius: var(--er-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(--er-shadow-lg);\n}\n\n.er-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.er-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.er-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.er-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.er-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(--er-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.er-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.er-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.er-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.6;\n}\n\n\/* === SECTIONS === *\/\n.er-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.er-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--er-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.er-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(--er-primary), var(--er-secondary));\n border-radius: 2px;\n}\n\n.er-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.er-card {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--er-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.er-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--er-shadow-lg);\n border-color: var(--er-primary);\n}\n\n.er-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--er-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.er-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.er-card p + p {\n margin-top: .75rem;\n}\n\n.er-card-featured {\n border-top: 4px solid var(--er-primary);\n}\n\n\/* === GRILLES === *\/\n.er-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.er-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.er-grid-compact .er-card {\n padding: 1rem;\n}\n\n.er-grid-compact .er-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.er-grid-compact .er-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.er-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.er-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.er-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--er-primary), var(--er-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,160,.3);\n}\n\n.er-timeline-content {\n flex: 1;\n background: var(--er-white);\n padding: 1rem 1.25rem;\n border-radius: var(--er-radius-sm);\n box-shadow: var(--er-shadow);\n}\n\n.er-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--er-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.er-timeline-content p {\n font-size: 14px;\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.er-testimonial {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--er-shadow);\n border-left: 4px solid var(--er-primary);\n}\n\n.er-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.er-accordion {\n background: var(--er-white);\n border-radius: var(--er-radius);\n box-shadow: var(--er-shadow);\n overflow: hidden;\n}\n\n.er-accordion-item {\n border-bottom: 1px solid var(--er-border);\n margin: 0;\n padding: 0;\n}\n\n.er-accordion-item:last-child {\n border-bottom: none;\n}\n\n.er-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--er-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.er-accordion-header:hover {\n background: var(--er-primary-light);\n}\n\n.er-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.er-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--er-primary);\n transition: transform .2s ease;\n}\n\n.er-accordion-item[open] .er-accordion-header::after {\n content: '−';\n}\n\n.er-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--er-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.er-accordion-content p {\n margin: 0;\n}\n\n.er-accordion-content p + p {\n margin-top: .5rem;\n}\n\n\/* === TIP BOX === *\/\n.er-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--er-primary-light);\n border-radius: var(--er-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.er-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.er-tip p {\n font-size: 14px;\n color: var(--er-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.er-cta-box {\n background: linear-gradient(135deg, var(--er-primary) 0%, var(--er-primary-dark) 100%);\n border-radius: var(--er-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.er-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.er-disclaimer {\n font-size: 12px;\n color: var(--er-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 .er-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .er-card {\n padding: 1.125rem;\n }\n\n .er-section {\n margin-bottom: 1.75rem;\n }\n\n .er-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--er-radius-sm);\n }\n\n .er-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .er-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .er-grid-compact {\n gap: .625rem;\n }\n\n .er-grid-compact .er-card {\n padding: .75rem;\n }\n\n .er-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .er-timeline-content {\n padding: .875rem 1rem;\n }\n\n .er-timeline-content h3 {\n font-size: 14px;\n }\n\n .er-timeline-content p {\n font-size: 13px;\n }\n\n .er-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .er-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .er-testimonial {\n padding: 1.25rem;\n }\n\n .er-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .er-card {\n animation: erFadeInUp .5s ease backwards;\n }\n .er-card:nth-child(1) { animation-delay: .05s; }\n .er-card:nth-child(2) { animation-delay: .1s; }\n .er-card:nth-child(3) { animation-delay: .15s; }\n .er-card:nth-child(4) { animation-delay: .2s; }\n .er-card:nth-child(5) { animation-delay: .25s; }\n .er-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes erFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .er-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":45755369324701,"sku":"CE0408","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-booster-dhydratation-eclat-de-rose-bio-30-ml-centifoli-packshothd.webp?v=1775825163"},{"product_id":"creme-riche-eclat-de-rose-bio-50-ml-centifolia","title":"Crème Riche Éclat de Rose Bio - 50 ml - Centifolia","description":"\u003cdiv class=\"cer-premium\"\u003e\n \u003cdiv class=\"cer-hero\"\u003e\n \u003cdiv class=\"cer-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cer-hero-content\"\u003e\n \u003cdiv class=\"cer-badges-top\"\u003e\n \u003cspan class=\"cer-badge\"\u003e🏆 Meilleur Produit Bio 2019\u003c\/span\u003e\n \u003cspan class=\"cer-badge\"\u003e🌹 Rose Centifolia\u003c\/span\u003e\n \u003cspan class=\"cer-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cer-badge\"\u003e🌿 98,6% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cer-hero-title\"\u003eCrème Riche Éclat de Rose Bio\u003c\/span\u003e\n \u003cp class=\"cer-subtitle\"\u003eLe soin botanique d'exception signé Centifolia\u003c\/p\u003e\n \u003cp class=\"cer-description\"\u003eUne crème hydratante visage riche et onctueuse qui redonne éclat, douceur et confort aux peaux normales à sèches, même sensibles. 35 ans d'expertise cosméto-botanique au service de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème hydratante pour le visage ?\u003c\/h2\u003e\n \u003cp class=\"cer-section-intro\"\u003eUne formule riche à \u003cstrong\u003e98,6 % d'ingrédients d'origine naturelle\u003c\/strong\u003e dont \u003cstrong\u003e29,5 % issus de l'agriculture biologique\u003c\/strong\u003e. Une texture onctueuse qui fond sur la peau sans film gras, pour un confort immédiat et une luminosité retrouvée.\u003c\/p\u003e\n \u003cdiv class=\"cer-grid\"\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e💧 Hydratation 24h\u003c\/h3\u003e\n \u003cp\u003eUne hydratation intense et durable qui maintient le confort de votre peau toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e✨ Teint éclairci\u003c\/h3\u003e\n \u003cp\u003eUn teint visiblement unifié et illuminé dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌸 Ridules lissées\u003c\/h3\u003e\n \u003cp\u003eLes ridules de déshydratation s'estompent pour une peau visiblement plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌿 Peau apaisée\u003c\/h3\u003e\n \u003cp\u003eUne peau nourrie en profondeur, repulpée et apaisée, même sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs naturels puissants\u003c\/h2\u003e\n \u003cp class=\"cer-section-intro\"\u003eForte de \u003cstrong\u003e35 ans d'expertise cosméto-botanique\u003c\/strong\u003e, Centifolia a sélectionné des ingrédients haut de gamme pour une efficacité naturelle d'exception.\u003c\/p\u003e\n \u003cdiv class=\"cer-grid\"\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia\u003c\/h3\u003e\n \u003cp\u003eTonifiante et apaisante, elle ravive l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique végétal\u003c\/h3\u003e\n \u003cp\u003eRepulpe et hydrate en profondeur pour une peau rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eAntioxydant qui illumine et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia Bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga, elle nourrit intensément les peaux assoiffées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🍑 Huile de Prune Bio\u003c\/h3\u003e\n \u003cp\u003eRégénérante, idéale pour les peaux sèches en quête de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🥥 Beurre de Karité Bio\u003c\/h3\u003e\n \u003cp\u003eProtecteur et réparateur, il enveloppe la peau d'un voile nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-tip\"\u003e\n \u003cspan class=\"cer-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parabènes, silicones, ni huiles minérales.\u003c\/strong\u003e Cette crème visage hydratante respecte votre peau et l'environnement. Fabriquée en France selon une démarche éthique et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cer-timeline\"\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eMatin et\/ou soir, démaquillez et nettoyez votre visage et votre cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour profiter de tous les bienfaits de la formule riche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage et le cou par mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003eEffet boost (optionnel)\u003c\/h3\u003e\n \u003cp\u003eAssociez-la à votre sérum habituel pour un résultat encore plus éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-tip\"\u003e\n \u003cspan class=\"cer-tip-icon\"\u003e👫\u003c\/span\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes en quête d'une \u003cstrong\u003ecrème hydratante visage\u003c\/strong\u003e efficace et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"cer-grid-compact\"\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌷 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête de confort durable et de nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eQui réagissent aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eQui ont besoin de retrouver leur éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌍 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eCherchant une alternative naturelle aux crèmes conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003eQuels résultats attendre ?\u003c\/h2\u003e\n \u003cdiv class=\"cer-testimonial\"\u003e\n \u003cp class=\"cer-testimonial-text\"\u003e\"Dès les premières applications, votre peau retrouve souplesse et douceur. Au fil des semaines, le grain de peau s'affine, le teint devient plus lumineux et les sensations d'inconfort diminuent. Une véritable cure d'éclat naturelle, fruit du savoir-faire botanique français.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition \u0026amp; informations\u003c\/h2\u003e\n \u003cdiv class=\"cer-accordion\"\u003e\n \u003cdetails class=\"cer-accordion-item\"\u003e\n \u003csummary class=\"cer-accordion-header\"\u003e🧪 Composition (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"cer-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Cetearyl Alcohol, Butyrospermum Parkii (Karité) Butter*, Camellia Oleifera Seed Oil*, Prunus Domestica Seed Oil*, Sodium Hyaluronate, Ascorbyl Glucoside (Vitamine C), Rosa Centifolia Flower Extract, Tocopherol, Glyceryl Stearate, Cetearyl Glucoside, Benzyl Alcohol, Parfum naturel, Xanthan Gum, Citric Acid.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cer-accordion-item\"\u003e\n \u003csummary class=\"cer-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"cer-accordion-content mt-3\"\u003e\n \u003cp\u003ePot de 50 ml, idéal pour une utilisation quotidienne sur le visage et le cou pendant plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cer-accordion-item\"\u003e\n \u003csummary class=\"cer-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cer-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contour des yeux. En cas de réaction cutanée, cessez l'utilisation. Ce soin cosmétique ne se substitue pas à un avis médical ou à un traitement dermatologique adapté. Demandez conseil à un professionnel de santé en cas de doute.\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 --cer-cream: #fdf8f6;\n --cer-white: #ffffff;\n --cer-primary: #e8b4b8;\n --cer-primary-dark: #b87a7e;\n --cer-primary-light: #f9e6e7;\n --cer-secondary: #d4a5a5;\n --cer-accent: #c97f85;\n --cer-text: #2a1f20;\n --cer-text-light: #6b5a5b;\n --cer-border: #ecd9da;\n --cer-shadow: 0 4px 24px rgba(184, 122, 126, .08);\n --cer-shadow-lg: 0 12px 48px rgba(184, 122, 126, .18);\n --cer-radius: 20px;\n --cer-radius-sm: 12px;\n}\n\n.cer-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cer-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cer-text);\n}\n\n.cer-hero {\n position: relative;\n background: linear-gradient(135deg, #f9e6e7 0%, #e8b4b8 50%, #d4a5a5 100%);\n border-radius: var(--cer-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(--cer-shadow-lg);\n}\n\n.cer-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 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\n opacity: .15;\n}\n\n.cer-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cer-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.cer-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n}\n\n.cer-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.cer-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cer-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(--cer-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cer-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cer-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cer-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cer-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.cer-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(--cer-primary), var(--cer-secondary));\n border-radius: 2px;\n}\n\n.cer-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cer-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cer-card {\n background: var(--cer-white);\n border-radius: var(--cer-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cer-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cer-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cer-shadow-lg);\n border-color: var(--cer-primary);\n}\n\n.cer-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cer-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cer-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cer-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cer-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cer-grid-compact .cer-card {\n padding: 1rem;\n}\n\n.cer-grid-compact .cer-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cer-grid-compact .cer-card p {\n font-size: 12px;\n}\n\n.cer-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cer-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cer-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cer-primary), var(--cer-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, 122, 126, .3);\n}\n\n.cer-timeline-content {\n flex: 1;\n background: var(--cer-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cer-radius-sm);\n box-shadow: var(--cer-shadow);\n}\n\n.cer-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cer-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cer-timeline-content p {\n font-size: 14px;\n color: var(--cer-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cer-testimonial {\n background: var(--cer-white);\n border-radius: var(--cer-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cer-shadow);\n border-left: 4px solid var(--cer-primary);\n}\n\n.cer-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cer-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cer-accordion {\n background: var(--cer-white);\n border-radius: var(--cer-radius);\n box-shadow: var(--cer-shadow);\n overflow: hidden;\n}\n\n.cer-accordion-item {\n border-bottom: 1px solid var(--cer-border);\n margin: 0;\n padding: 0;\n}\n\n.cer-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cer-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cer-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.cer-accordion-header:hover {\n background: var(--cer-primary-light);\n}\n\n.cer-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cer-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cer-primary);\n transition: transform .2s ease;\n}\n\n.cer-accordion-item[open] .cer-accordion-header::after {\n content: '−';\n}\n\n.cer-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cer-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cer-accordion-content p {\n margin: 0;\n}\n\n.cer-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cer-primary-light);\n border-radius: var(--cer-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cer-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cer-tip p {\n font-size: 14px;\n color: var(--cer-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cer-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cer-card {\n padding: 1.125rem;\n }\n\n .cer-section {\n margin-bottom: 1.75rem;\n }\n\n .cer-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cer-radius-sm);\n }\n\n .cer-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cer-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cer-grid-compact {\n gap: .625rem;\n }\n\n .cer-grid-compact .cer-card {\n padding: .75rem;\n }\n\n .cer-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cer-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cer-timeline-content h3 {\n font-size: 14px;\n }\n\n .cer-timeline-content p {\n font-size: 13px;\n }\n\n .cer-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cer-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cer-testimonial {\n padding: 1.25rem;\n }\n\n .cer-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cer-card {\n animation: cerFadeInUp .5s ease backwards;\n }\n .cer-card:nth-child(1) { animation-delay: .05s; }\n .cer-card:nth-child(2) { animation-delay: .1s; }\n .cer-card:nth-child(3) { animation-delay: .15s; }\n .cer-card:nth-child(4) { animation-delay: .2s; }\n .cer-card:nth-child(5) { animation-delay: .25s; }\n .cer-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cerFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cer-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":45755396653213,"sku":"CE0398","price":22.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-riche-eclat-de-rose-bio-50ml-centifolia-min.jpg?v=1730655784"},{"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":"gel-douche-soin-fruits-exotiques-centifolia-250ml","title":"Gel douche soin Fruits exotiques - 250ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Bio Cosmos\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Douche Soin Fruits Exotiques\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia • 250 ml • Surgras \u0026amp; Sans savon\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eOffrez à votre peau une parenthèse sensorielle : un soin lavant surgras bio qui marie douceur, efficacité et évasion. Enrichi en aloe vera équitable, il nettoie en respectant le film hydrolipidique pour une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn gel douche soin pensé pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à un gel douche classique, la formule \u003cstrong\u003esurgras\u003c\/strong\u003e de Centifolia est enrichie en huile végétale biologique afin de nourrir l'épiderme pendant le lavage.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Zéro tiraillement\u003c\/h3\u003e\n \u003cp\u003eFini l'inconfort après la douche, la peau reste apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Douceur extrême\u003c\/h3\u003e\n \u003cp\u003ePeau douce, souple et hydratée, même sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ pH physiologique\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté au film hydrolipidique cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUn allié quotidien pour adultes et enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn parfum naturel de fruits et passion\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"Si vous appréciez les gels douche fruits et passion, vous allez adorer ce soin. Son parfum 100 % naturel évoque une corbeille de fruits exotiques mûrs : mangue juteuse, fruit de la passion acidulé, notes solaires d'agrumes. Un véritable gel douche perle de soin qui transforme chaque douche en moment d'évasion, sans recourir à des fragrances synthétiques.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99 % d'ingrédients d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia mise sur la transparence et la qualité. Voici les principaux actifs de ce gel douche soin.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio équitable\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et protège l'épiderme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫒 Huile végétale bio\u003c\/h3\u003e\n \u003cp\u003eApporte l'effet surgras nourrissant caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Base lavante végétale\u003c\/h3\u003e\n \u003cp\u003eUne mousse douce, sans sulfates agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥭 Parfum naturel de fruits exotiques\u003c\/h3\u003e\n \u003cp\u003eÉvasion sensorielle garantie, sans synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'hydratation à la surface de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eVegan, fabriqué en France, flacon recyclé \u0026amp; recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser le gel douche Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, sous la douche ou dans le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser délicatement\u003c\/h3\u003e\n \u003cp\u003eEntre les mains ou sur une fleur de douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eSur tout le corps, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre soin\u003c\/h3\u003e\n \u003cp\u003eAvec un lait hydratant après la douche pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisable quotidiennement, matin ou soir, sur le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFace à un gel douche conventionnel, Centifolia se distingue par sa formule ultra-clean et sa démarche écoresponsable de A à Z.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eAucun tensioactif agressif pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eUne formule pure, biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eUniquement des fragrances 100 % naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤗 Effet cocon\u003c\/h3\u003e\n \u003cp\u003eUn vrai nettoyage doux qui enveloppe la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon en plastique recyclé et recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎉 Plaisir préservé\u003c\/h3\u003e\n \u003cp\u003eUne routine naturelle sans renoncer au plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Usage et conseils de sécurité\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e : en cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eAdoptez dès aujourd'hui le Gel douche soin Fruits exotiques Centifolia 250 ml et transformez votre rituel beauté en véritable soin plaisir. 🥭✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cf-cream: #fdf9f2;\n --cf-white: #ffffff;\n --cf-primary: #f5a524;\n --cf-primary-dark: #c67a0e;\n --cf-primary-light: #fef3dc;\n --cf-secondary: #e85d4a;\n --cf-accent: #7ba83f;\n --cf-text: #2b1d0e;\n --cf-text-light: #6b5a45;\n --cf-border: #ecdfc8;\n --cf-shadow: 0 4px 24px rgba(180, 120, 30, .1);\n --cf-shadow-lg: 0 12px 48px rgba(180, 120, 30, .18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n }\n\n .cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n }\n\n .cf-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a524 0%, #f7b94a 50%, #e85d4a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n }\n\n .cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n }\n\n .cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .cf-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 720px;\n opacity: .95;\n }\n\n .cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n }\n\n .cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n }\n\n .cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n }\n\n .cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: 1rem;\n }\n\n .cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cf-grid-compact .cf-card p {\n font-size: 12px;\n }\n\n .cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245, 165, 36, .3);\n }\n\n .cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n }\n\n .cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n }\n\n .cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n }\n\n .cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n }\n\n .cf-accordion-item:last-child {\n border-bottom: none;\n }\n\n .cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .cf-accordion-header:hover {\n background: var(--cf-primary-light);\n }\n\n .cf-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n }\n\n .cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n }\n\n .cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .cf-accordion-content p {\n margin: 0;\n }\n\n .cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--cf-primary);\n }\n\n .cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-secondary) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n }\n\n .cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53503981453689,"sku":"CE0443","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-soin-fruits-exotiques-250ml-centifolia-packshothd.webp?v=1779374523"},{"product_id":"shampooing-douche-pour-toute-la-famille-1l-centifolia","title":"Shampooing Douche Pour Toute La Famille - 1L - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampooing douche pour toute la famille — 1L\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn seul flacon 3-en-1 au Ginkgo Biloba bio pour le visage, le corps et les cheveux. 99 % d'ingrédients d'origine naturelle, adapté à toute la famille — même aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampooing douche bio 3-en-1 Centifolia : un seul flacon pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel douche et shampooing\u003c\/strong\u003e capable de simplifier la routine de toute la famille ? Le \u003cstrong\u003eshampooing douche 3-en-1 Centifolia\u003c\/strong\u003e au Ginkgo Biloba bio est pensé exactement pour cela.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 3-en-1 complet\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux en un seul geste, pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio avec 99 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de peaux, même les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Format familial 1L\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe économique et pratique pour un usage quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing douche corps et cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAvec ce \u003cstrong\u003egel douche shampooing 2 en 1\u003c\/strong\u003e (et même 3-en-1 !), vous n'avez plus besoin de multiplier les flacons dans la salle de bain. Il nettoie en douceur, sans dessécher ni agresser.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Base lavante ultra-douce\u003c\/h3\u003e\n \u003cp\u003eRespecte le film hydrolipidique de la peau et laisse les cheveux légers, brillants et faciles à démêler\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eEnrichi en Ginkgo Biloba bio d'origine française qui apaise les épidermes réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Idéal pour les familles\u003c\/h3\u003e\n \u003cp\u003eUn soin sain, efficace et agréable à utiliser chaque jour pour toute la tribu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule de ce \u003cstrong\u003eshampooing gel douche\u003c\/strong\u003e repose sur \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 20 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOrigine France\u003c\/strong\u003e — Reconnu pour ses propriétés apaisantes et protectrices, il aide à préserver l'hydratation cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'hydratation, il adoucit la peau et calme les tiraillements au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Protéines de pois\u003c\/h3\u003e\n \u003cp\u003eRenforcent la fibre capillaire et apportent volume et souplesse aux cheveux de toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e💦 Glycérine naturelle\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant doux qui maintient le confort et la souplesse de la peau après le rinçage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003evegan\u003c\/strong\u003e, sans phtalates, sans Bisphénol A et sans ingrédients d'origine animale. Aucun test sur les animaux n'a été réalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn format familial pratique et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Pompe pratique\u003c\/h3\u003e\n \u003cp\u003eDosage précis et hygiénique à chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon en matériau recyclé et entièrement recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e1 litre qui remplace plusieurs flacons et allège votre budget\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eMoins de flacons, moins de déchets : un geste simple pour la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-section-intro\" style=\"margin-top:1.25rem;\"\u003eCe \u003cstrong\u003edistributeur shampooing douche\u003c\/strong\u003e convient parfaitement aux familles nombreuses ou à celles qui veulent éviter le gaspillage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing douche familial ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez le visage, le corps ou les cheveux à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit grâce à la pompe et répartissez sur la zone à nettoyer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement du bout des doigts pour faire mousser le produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et profitez d'une sensation de fraîcheur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConvient à un \u003cstrong\u003eusage quotidien pour toute la famille\u003c\/strong\u003e, à l'exception des enfants de moins de 3 ans. Son parfum subtil et frais transforme chaque douche en un moment de bien-être partagé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes atouts essentiels en résumé\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 3-en-1\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eY compris les peaux sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio, formulé à 99 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec un Ginkgo Biloba bio français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eFormule vegan, emballage écoresponsable 100 % recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n \u003cp\u003e1 litre avec pompe pratique pour toute la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Simplifiez votre routine avec un seul flacon bio, naturel et familial — pour des douches saines et responsables chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de doute, consultez votre dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f9f3;\n --cf-white: #ffffff;\n --cf-primary: #5a9e3e;\n --cf-primary-dark: #3a6e28;\n --cf-primary-light: #e8f3e2;\n --cf-secondary: #8bc34a;\n --cf-accent: #c8e06d;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dce8d5;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6e28 0%, #5a9e3e 50%, #8bc34a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cf-secondary);\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-card-ingredient {\n text-align: left;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502896996729,"sku":"CE0201","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-douche-pour-toute-la-famille-1l-centifolia-packshothd.webp?v=1775742539"},{"product_id":"creme-hydratante-pour-toute-la-famille-125ml-centifolia","title":"Crème Hydratante Pour Toute La Famille - 100ml - 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👨‍👩‍👧 Toute la famille\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eCrème Hydratante Famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVisage \u0026amp; Corps · 100ml · Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne crème hydratante bio à l'extrait de \u003cstrong\u003eGinkgo Biloba BIO origine France\u003c\/strong\u003e, pensée pour répondre aux besoins de toute la maisonnée. 99 % d'ingrédients d'origine naturelle pour une hydratation longue durée, même sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne crème hydratante visage et corps pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eTrouver une crème hydratante qui convient à chacun est souvent un casse-tête. Avec ce soin Centifolia, plus besoin de multiplier les flacons dans la salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e☀️ Matin \u0026amp; soir\u003c\/h3\u003e\n \u003cp\u003eUn seul soin pour toute la routine de la famille\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 petits comme aux grands\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Visage \u0026amp; corps\u003c\/h3\u003e\n \u003cp\u003ePolyvalente, elle hydrate de la tête aux pieds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle, certifiés bio\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 du Ginkgo Biloba BIO\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAu cœur de cette crème, l'extrait de Ginkgo Biloba BIO d'origine France apporte ses propriétés antioxydantes reconnues. Associé à l'aloe vera, l'huile de tournesol et au beurre de cacao bio.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Souplesse \u0026amp; confort\u003c\/h3\u003e\n \u003cp\u003ePréserve la souplesse et le confort cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧘 Apaise les tiraillements\u003c\/h3\u003e\n \u003cp\u003eCalme instantanément les sensations d'inconfort de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protège des agressions\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel contre le vent, le froid et la pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation 8h\u003c\/h3\u003e\n \u003cp\u003eMaintient une hydratation optimale jusqu'à 8 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\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\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit grâce à sa texture légère et non grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez matin et soir\u003c\/h3\u003e\n \u003cp\u003eSur le visage et\/ou le corps en massant délicatement jusqu'à absorption.\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\u003eProfitez de ses multiples usages\u003c\/h3\u003e\n \u003cp\u003eIdéale après la douche, après le rasage ou en base de maquillage pour un teint frais.\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\u003ePour les enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eUne seule application quotidienne suffit généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe soin cosmétique ne remplace pas un avis médical. En cas de réaction cutanée ou de pathologie, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99 % d'origine naturelle\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise les peaux sensibles en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao \u0026amp; karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrissent et protègent la barrière cutanée naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eAssouplit et adoucit l'épiderme jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba BIO France\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège la peau des radicaux libres.\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\u003eINCI complet :\u003c\/strong\u003e Aqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Glyceryl Stearate, Cetearyl Alcohol, Theobroma Cacao Seed Butter*, Butyrospermum Parkii Butter*, Ginkgo Biloba Leaf Extract*, Benzyl Alcohol, Sodium Benzoate, Potassium Sorbate, Parfum, Xanthan Gum, Citric Acid, Dehydroacetic Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👶 Cette crème convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est recommandée à partir de 3 ans. Pour les nourrissons, privilégiez un soin spécifique formulé pour leur peau plus fragile.\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💆 Peut-elle remplacer une crème visage hydratante quotidienne ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle s'utilise aussi bien comme crème hydratante pour le visage qu'en soin du corps. Sa polyvalence en fait un essentiel salle de bain.\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 réactives ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce, vegan et sans ingrédients controversés est tolérée par les peaux sensibles et réactives.\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\u003eUn engagement éthique et français\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCosmétique botanique made in France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ ECOCERT \u0026amp; Cosmebio\u003c\/h3\u003e\n \u003cp\u003eDoublement certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n \u003cp\u003e21 % de plastique recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eOffrez à votre famille un soin simple, sûr et durable au quotidien. Une cosmétique botanique respectueuse de votre peau et de la planète. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f7f9f3;\n --cf-white: #ffffff;\n --cf-primary: #a8c850;\n --cf-primary-dark: #5a7a2a;\n --cf-primary-light: #eaf3d4;\n --cf-secondary: #7fa838;\n --cf-accent: #c8dc7a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a6b4a;\n --cf-border: #e0e6d4;\n --cf-shadow: 0 4px 24px rgba(90,122,42,.08);\n --cf-shadow-lg: 0 12px 48px rgba(90,122,42,.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, #a8c850 0%, #7fa838 50%, #5a7a2a 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 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\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: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 680px;\n opacity: .95;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::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: 0 auto 1.5rem auto;\n max-width: 720px;\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-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(127,168,56,.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 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 margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 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: 13px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n word-break: break-word;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card { padding: 1.125rem; }\n .cf-section { margin-bottom: 1.75rem; }\n .cf-hero {\n padding: 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 { width: 40px; height: 3px; }\n .cf-grid-compact { gap: .625rem; }\n .cf-grid-compact .cf-card { padding: .75rem; }\n .cf-timeline-number { width: 32px; height: 32px; font-size: 14px; }\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 { padding: .875rem 1rem; font-size: 14px; }\n .cf-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\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":53502897029497,"sku":"CE0007","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-pour-toute-la-famille-100ml-centifolia-packshothd.webp?v=1777551488"},{"product_id":"gelee-apres-shampooing-volume-centifolia-200ml","title":"Gelée Volume Après-Shampooing - 200ml - 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% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Certifié BIO \u0026amp; Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGelée Volume Après-Shampooing\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVolume absolu dès la racine • Cheveux fins et plats • 200ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne texture gelée ultra-légère qui gaine la fibre capillaire sans l'alourdir, pour une chevelure aérienne et gonflée toute la journée. Au pamplemousse rose BIO et actif volume peptide de pois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn soin volume cheveux pensé pour les chevelures fines\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent de corps, retombent dès le milieu de journée et semblent plaqués sur le crâne ? Cette gelée est faite pour vous.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose BIO\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action tonifiante et énergisante, il redonne éclat et vitalité à la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Actif peptide de pois\u003c\/h3\u003e\n \u003cp\u003eGaine chaque cheveu pour lui donner de la matière et un volume visible dès la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Texture gelée fraîche\u003c\/h3\u003e\n \u003cp\u003eUltra-légère et fluide, elle démêle sans plaquer, contrairement aux après-shampooings trop riches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans silicone, sans sulfates et vegan\u003c\/strong\u003e, convient également aux cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits de cet après-shampooing volume\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⬆️ Volume immédiat\u003c\/h3\u003e\n \u003cp\u003eEffet gonflant durable dès la racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facile\u003c\/h3\u003e\n \u003cp\u003eSans alourdir les cheveux fins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💪 Fibre gainée\u003c\/h3\u003e\n \u003cp\u003eRenforcée et plus résistante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eToucher soyeux et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Certifié BIO\u003c\/h3\u003e\n \u003cp\u003eVegan et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Embout précision\u003c\/h3\u003e\n \u003cp\u003eApplication ciblée et nette\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 la Gelée Volume Après-Shampooing ?\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\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampooing, retirez l'excédent d'eau avec une serviette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec précision\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gelée sur les longueurs et pointes grâce à l'embout applicateur de précision.\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 et laissez poser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement, puis laissez agir 2 à 3 minutes pour une efficacité optimale.\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 et séchez tête en bas\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Séchez tête en bas pour maximiser l'effet gonflant à la racine.\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\u003eUtilisation recommandée : \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e. Associez-la au \u003cem\u003eShampooing Volume Centifolia\u003c\/em\u003e pour un résultat encore plus spectaculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : des actifs naturels et bio\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule contient \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part issue de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de pamplemousse rose BIO\u003c\/h3\u003e\n \u003cp\u003eTonifiante, elle redonne de l'éclat et de la vitalité aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Actif volume peptide de pois\u003c\/h3\u003e\n \u003cp\u003eGaine la fibre capillaire et apporte du corps aux cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba BIO\u003c\/h3\u003e\n \u003cp\u003eStimulant et fortifiant, il renforce la structure du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Agents démêlants végétaux\u003c\/h3\u003e\n \u003cp\u003eFacilitent le coiffage sans alourdir la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHydratante, elle préserve la souplesse naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans sulfates, sans huile minérale, sans colorants de synthèse.\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 sur ce soin volume\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💭 Est-ce le meilleur soin volume pour cheveux plats ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eSa texture gelée, plus légère qu'un baume, est spécifiquement conçue pour les cheveux fins et plats qui ne supportent pas les soins trop riches. Elle apporte du volume sans effet plaquant.\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📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce convient à une utilisation régulière, même sur cuir chevelu sensible. Pour un résultat optimal, nous recommandons toutefois 2 à 3 applications par semaine.\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⚖️ Alourdit-elle les cheveux fins ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Sans silicone ni agents occlusifs, elle respecte la légèreté naturelle du cheveu et préserve son mouvement aérien.\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 Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eMarque française engagée, \u003cstrong\u003eCentifolia\u003c\/strong\u003e formule ses cosmétiques avec des actifs végétaux sélectionnés pour leur efficacité et leur traçabilité. Cette gelée volume s'inscrit dans une démarche éco-responsable : packaging recyclable, fabrication française, ingrédients bio et non testés sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe et ne remplace pas un avis médical en cas de problème capillaire ou de cuir chevelu persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f3;\n --cf-white: #ffffff;\n --cf-primary: #e87a6a;\n --cf-primary-dark: #4a1f1a;\n --cf-primary-light: #fce8e2;\n --cf-secondary: #f4a896;\n --cf-accent: #ff6b4a;\n --cf-text: #2a1613;\n --cf-text-light: #6b4a44;\n --cf-border: #ead5cf;\n --cf-shadow: 0 4px 24px rgba(74, 31, 26, .08);\n --cf-shadow-lg: 0 12px 48px rgba(74, 31, 26, .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, #4a1f1a 0%, #7a2e23 50%, #e87a6a 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,.2) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(244,168,150,.3) 0%, transparent 40%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\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.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: 0 auto 1.75rem;\n max-width: 700px;\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(3, 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(232, 122, 106, .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-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 margin-left: 1rem;\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.cf-cta-box p strong {\n font-weight: 800;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\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-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@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":53502897062265,"sku":"CE0655","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-volume-apres-shampooing-200ml-centifolia-packshothd.webp?v=1777376141"},{"product_id":"centifolia-gel-aloe-vera-bio-200ml","title":"Gel Aloe Vera Equitable \u0026 Bio - 200ml - 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🌿 98% Aloe Vera Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🤝 Fair for Life\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ -55% plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Aloe Vera Équitable \u0026amp; Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 200ml · Corps \u0026amp; Cheveux\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eVéritable trésor de la nature, ce soin multi-usages concentré à \u003cstrong\u003e98% en jus pur d'aloe vera biologique\u003c\/strong\u003e hydrate, apaise et régénère la peau comme les cheveux. Une formule minimaliste certifiée Cosmos Organic, pensée pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits du gel aloe vera pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eUtilisé depuis l'Antiquité, l'aloe vera est une plante aux multiples propriétés. Riche en vitamines A, C, E, en minéraux et en acides aminés.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eUne hydratation durable, sans effet gras ni film collant sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les peaux irritées, échauffées ou sensibilisées en un instant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Effet régénérant\u003c\/h3\u003e\n \u003cp\u003eAide la peau à retrouver souplesse, confort et éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e❄️ Soin rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eIdéal après l'exposition au soleil pour un effet frais immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆‍♀️ Nutrition capillaire\u003c\/h3\u003e\n \u003cp\u003eDes cheveux brillants, disciplinés et parfaitement hydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Multi-usages famille\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour toutes les envies de soin, dès 3 ans.\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 votre gel aloe vera Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eGrâce à sa texture légère et non collante, l'aloe vera s'adapte à tous vos besoins quotidiens.\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\u003e☀️ Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et soir sur peau propre, en base hydratante ou en masque express de 10 minutes.\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🧴 Soin corps\u003c\/h3\u003e\n \u003cp\u003eMassez doucement après la douche pour nourrir votre peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🏖️ Après-soleil\u003c\/h3\u003e\n \u003cp\u003ePlacez le tube au réfrigérateur et appliquez généreusement pour un effet frais immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n \u003cp\u003eCalme les échauffements et les petites irritations après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Soin cheveux\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs pour définir les boucles ou hydrater les pointes sèches.\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 mélangez-le à quelques gouttes d'huile végétale pour créer votre propre soin personnalisé, adapté à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition complète : une formule courte et transparente\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia mise sur la simplicité pour préserver l'efficacité de l'ingrédient star.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Barbadensis Leaf Juice* (98%)\u003c\/h3\u003e\n \u003cp\u003eJus d'aloe vera pur issu du commerce équitable, cœur de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eGomme 100% naturelle offrant cette texture gel fluide et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate \u0026amp; Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs doux autorisés en cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Citric Acid\u003c\/h3\u003e\n \u003cp\u003eRégulateur de pH d'origine naturelle pour une formule équilibrée.\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*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e99% du total des ingrédients sont d'origine naturelle\u003c\/strong\u003e. Formule vegan, sans parfum, sans alcool et sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éthique et écologique fort\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu de plantations mexicaines certifiées, garantissant une juste rémunération des producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire cosméto-botanique français, au service de soins authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ -55% de plastique\u003c\/h3\u003e\n \u003cp\u003eUn tube allégé contenant 2 fois moins de plastique que les contenants classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 100% recyclable\u003c\/h3\u003e\n \u003cp\u003eUn packaging entièrement recyclable pour un geste beauté responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour qui ce gel est-il recommandé ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"Ce soin polyvalent s'adresse à \u003cstrong\u003etoute la famille, dès 3 ans\u003c\/strong\u003e. Il convient particulièrement aux peaux sèches, déshydratées, sensibles ou fragilisées par le soleil. Les cheveux bouclés, frisés ou abîmés y trouveront également un allié précieux pour retrouver douceur et vitalité.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\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 contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'usage externe. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez immédiatement 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 \u003cstrong\u003ene remplace pas un avis médical\u003c\/strong\u003e ni un traitement dermatologique. Pour toute pathologie cutanée, consultez un professionnel de santé.\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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à température ambiante, à l'abri de la lumière directe. Pour un effet fraîcheur renforcé, vous pouvez placer le tube au réfrigérateur.\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: #f4f9f5;\n --cf-white: #ffffff;\n --cf-primary: #2e8b6e;\n --cf-primary-dark: #1f5f4a;\n --cf-primary-light: #e3f1ea;\n --cf-secondary: #7ab894;\n --cf-accent: #a8d5ba;\n --cf-text: #1a2e26;\n --cf-text-light: #5a6b63;\n --cf-border: #dbe8df;\n --cf-shadow: 0 4px 24px rgba(31,95,74,.08);\n --cf-shadow-lg: 0 12px 48px rgba(31,95,74,.18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2e8b6e 0%, #1f5f4a 50%, #164a39 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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\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,.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.cf-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.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.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-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(46,139,110,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 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 line-height: 1.2;\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@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: 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":53502897095033,"sku":"CE0540","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-aloe-vera-equitable-bio-200ml-centifolia-packshothd.webp?v=1777376875"},{"product_id":"centifolia-shampooing-volume-cheveux-plats-200ml","title":"Shampooing Volume - Cheveux Fins et Plats - 200ml - Centifolia","description":"\u003cdiv class=\"cv-premium\"\u003e\n\n \u003cdiv class=\"cv-hero\"\u003e\n \u003cdiv class=\"cv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cv-hero-content\"\u003e\n \u003cdiv class=\"cv-badges-top\"\u003e\n \u003cspan class=\"cv-badge\"\u003e🍊 Pamplemousse rose bio\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e🌿 98 % naturel\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cv-hero-title\"\u003eShampooing Volume Centifolia\u003c\/span\u003e\n \u003cp class=\"cv-subtitle\"\u003eCheveux fins et plats · 200 ml\u003c\/p\u003e\n \u003cp class=\"cv-description\"\u003eMatière, vitalité et légèreté dès le premier lavage grâce au pamplemousse rose bio et à l'actif volume de pois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eShampooing volume au pamplemousse rose : la solution pour les cheveux fins et plats\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003eVos cheveux manquent de corps, retombent dès le milieu de journée et semblent éternellement plats ? Le \u003cstrong\u003eshampooing volume Centifolia\u003c\/strong\u003e a été formulé précisément pour répondre à cette problématique. Enrichi en \u003cstrong\u003epamplemousse rose biologique\u003c\/strong\u003e et en \u003cstrong\u003eactif volume issu de pois\u003c\/strong\u003e, ce \u003cstrong\u003eshampooing pour cheveux fins\u003c\/strong\u003e nettoie tout en douceur et redonne matière et vitalité à votre chevelure, sans jamais l'alourdir.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing volumateur pour cheveux fins ?\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux shampooings volume qui se contentent de gainer artificiellement la fibre avec des silicones, Centifolia mise sur des \u003cstrong\u003eactifs naturels ciblés\u003c\/strong\u003e. Résultat : un volume authentique, une chevelure souple et aérienne qui respire réellement.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🌱 Actif volume de pois\u003c\/h3\u003e\n \u003cp\u003eDérivé de protéines de pois, il épaissit visiblement chaque fibre capillaire en formant un film naturel gainant, pour un effet volume immédiat dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp\u003eTonifiant et revitalisant, il stimule le cuir chevelu et apporte une fraîcheur délicieuse à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🥥 Agents lavants doux végétaux\u003c\/h3\u003e\n \u003cp\u003eDérivés de coco et de sucre, ils respectent l'équilibre du cuir chevelu même en cas de lavages fréquents — idéal pour les \u003cstrong\u003echeveux fins et gras\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-tip\"\u003e\n \u003cspan class=\"cv-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eAvec \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, ce shampooing est certifié bio, fabriqué en France et formulé \u003cstrong\u003esans sulfates agressifs, sans silicones et sans parabènes\u003c\/strong\u003e. Il convient aux personnes à la recherche du \u003cstrong\u003emeilleur shampooing volume\u003c\/strong\u003e respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour un volume optimal\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003ePour tirer le meilleur parti de ce \u003cstrong\u003eshampooing cheveux fins\u003c\/strong\u003e, voici quelques gestes simples qui font toute la différence :\u003c\/p\u003e\n \u003cdiv class=\"cv-timeline\"\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez le produit dans le creux de votre main, puis répartissez sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003eMassez 1 à 2 minutes\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, massez doucement pour activer la microcirculation et favoriser l'action des actifs volumateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau fraîche\u003c\/h3\u003e\n \u003cp\u003eLe rinçage à l'eau froide resserre les écailles et amplifie l'effet volume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-tip\"\u003e\n \u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un résultat encore plus spectaculaire, complétez votre routine avec un \u003cstrong\u003eaprès-shampooing cheveux fins\u003c\/strong\u003e léger, appliqué uniquement sur les longueurs et pointes. Vous préservez ainsi le volume aux racines tout en démêlant sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cv-accordion\"\u003e\n \u003cdetails class=\"cv-accordion-item\" open\u003e\n \u003csummary class=\"cv-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eAqua, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Coco-Glucoside, Glyceryl Oleate, Citrus Paradisi (Grapefruit) Peel Oil*, Pisum Sativum (Pea) Peptide, Aloe Barbadensis Leaf Juice Powder*, Glycerin, Benzyl Alcohol, Guar Hydroxypropyltrimonium Chloride, Sodium Chloride, Dehydroacetic Acid, Citric Acid, Tocopherol, Limonene.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e* Ingrédients issus de l'agriculture biologique. Flacon de \u003cstrong\u003e200 ml\u003c\/strong\u003e. Vegan et cruelty-free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eLes points forts en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e✨ Volume immédiat\u003c\/h3\u003e\n \u003cp\u003eMatière et légèreté dès le premier lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🎯 Cheveux fins \u0026amp; plats\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour cette problématique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e💧 Cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eBase lavante douce adaptée aux lavages fréquents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003e98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans silicones, sans parabènes, sans colorants de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eCentifolia, marque pionnière de la cosmétique bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cv-cta-box\"\u003e\n \u003cp\u003e🍊 Offrez à vos cheveux fins le volume qu'ils méritent — naturellement, durablement, en toute douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cv-disclaimer\"\u003eCe shampooing ne constitue pas un traitement médical. En cas de problème capillaire persistant (chute importante, irritation du cuir chevelu), consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cv-cream: #faf6f2;\n --cv-white: #ffffff;\n --cv-primary: #c4573a;\n --cv-primary-dark: #8b3322;\n --cv-primary-light: #fceee9;\n --cv-secondary: #e8875c;\n --cv-accent: #d4784e;\n --cv-text: #1a1a1a;\n --cv-text-light: #5a5a5a;\n --cv-border: #e8ddd5;\n --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cv-radius: 20px;\n --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n position: relative;\n background: linear-gradient(135deg, #8b3322 0%, #c4573a 40%, #e8875c 100%);\n border-radius: var(--cv-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(--cv-shadow-lg);\n}\n\n.cv-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,200,150,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cv-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.cv-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.cv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cv-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(--cv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cv-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.cv-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(--cv-primary), var(--cv-secondary));\n border-radius: 2px;\n}\n\n.cv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-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.cv-card {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cv-shadow-lg);\n border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n font-size: 12px;\n}\n\n.cv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-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.cv-timeline-content {\n flex: 1;\n background: var(--cv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cv-radius-sm);\n box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n font-size: 14px;\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cv-testimonial {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cv-shadow);\n border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cv-accordion {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n box-shadow: var(--cv-shadow);\n overflow: hidden;\n}\n\n.cv-accordion-item {\n border-bottom: 1px solid var(--cv-border);\n margin: 0;\n padding: 0;\n}\n\n.cv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cv-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.cv-accordion-header:hover {\n background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cv-primary);\n transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n content: '−';\n}\n\n.cv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cv-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.cv-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.cv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cv-primary-light);\n border-radius: var(--cv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cv-tip p {\n font-size: 14px;\n color: var(--cv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-cta-box {\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 100%);\n border-radius: var(--cv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cv-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.cv-disclaimer {\n font-size: 12px;\n color: var(--cv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cv-card {\n padding: 1.125rem;\n }\n\n .cv-section {\n margin-bottom: 1.75rem;\n }\n\n .cv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cv-radius-sm);\n }\n\n .cv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cv-grid-compact {\n gap: .625rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: .75rem;\n }\n\n .cv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cv-timeline-content h3 {\n font-size: 14px;\n }\n\n .cv-timeline-content p {\n font-size: 13px;\n }\n\n .cv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cv-testimonial {\n padding: 1.25rem;\n }\n\n .cv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: cvFadeInUp .5s ease backwards;\n }\n .cv-card:nth-child(1) { animation-delay: .05s; }\n .cv-card:nth-child(2) { animation-delay: .1s; }\n .cv-card:nth-child(3) { animation-delay: .15s; }\n .cv-card:nth-child(4) { animation-delay: .2s; }\n .cv-card:nth-child(5) { animation-delay: .25s; }\n .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cv-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":53502897291641,"sku":"CE0645","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-volume-cheveux-fins-et-plats-200ml-centifolia-packshothd.webp?v=1775742197"},{"product_id":"centifolia-shampooing-antipelliculaire-sensible-200ml","title":"Shampoing Crème Anti pelliculaire - Cuir Chevelu Sensible - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n\u003cdiv class=\"cf-hero\"\u003e\n\u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cf-hero-content\"\u003e\n\u003cdiv class=\"cf-badges-top\"\u003e\n\u003cspan class=\"cf-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n\u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003cspan class=\"cf-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cf-hero-title\"\u003eShampoing crème antipelliculaire Centifolia\u003c\/span\u003e\n\u003cp class=\"cf-subtitle\"\u003eCuir chevelu sensible · 200 ml\u003c\/p\u003e\n\u003cp class=\"cf-description\"\u003e98 % d'ingrédients d'origine naturelle · Sans sulfates, sans silicones · Agit dès la 1ʳᵉ utilisation grâce à l'eucalyptus bio et à l'écorce de jujubier\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eShampoing crème antipelliculaire Centifolia : le soin bio pour cuir chevelu sensible\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur shampoing antipelliculaire\u003c\/strong\u003e capable de soulager un cuir chevelu irrité sans l'agresser ?\u003c\/p\u003e\n\u003cdiv class=\"cf-grid-compact\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌱 Formule bio\u003c\/h3\u003e\n\u003cp\u003eCertifié Cosmos Organic, 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🧴 Texture crème\u003c\/h3\u003e\n\u003cp\u003eMousse délicatement, se rince facilement sans alourdir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n\u003cp\u003eAgit dès la première utilisation contre les pellicules visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🛡️ Cuir chevelu respecté\u003c\/h3\u003e\n\u003cp\u003eSans sulfates, sans silicones, sans parabènes\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 à de nombreux shampoings antipelliculaires vendus en parapharmacie ou en pharmacie, cette formule respecte votre cuir chevelu sensible. Vos cheveux restent souples et légers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003ePourquoi ce shampoing pour cuir chevelu sensible est-il si efficace ?\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eLes pellicules sont souvent liées à un déséquilibre du microbiome du cuir chevelu. Plutôt que de recourir à des actifs chimiques agressifs, Centifolia mise sur une approche douce et ciblée.\u003c\/p\u003e\n\u003cdiv class=\"cf-grid\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌳 Extrait d'écorce de jujubier\u003c\/h3\u003e\n\u003cp\u003eCet actif végétal régule naturellement le microbiome cutané et combat la prolifération des micro-organismes responsables des pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003ePurifiant et rafraîchissant, il apaise instantanément les démangeaisons et procure une agréable sensation de fraîcheur.\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 en profondeur le cuir chevelu, calme les irritations et prévient la sécheresse qui favorise la desquamation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🧈 Glycérine végétale bio\u003c\/h3\u003e\n\u003cp\u003eAdoucit et assouplit la fibre capillaire sans alourdir les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🫧 Base lavante douce\u003c\/h3\u003e\n\u003cp\u003eDecyl Glucoside et Cocamidopropyl Betaine nettoient efficacement tout en préservant le film hydrolipidique naturel du cuir chevelu.\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\u003eSi vous avez déjà essayé un \u003cstrong\u003eshampoing antipelliculaire Ducray\u003c\/strong\u003e ou d'autres références de pharmacie sans résultat satisfaisant, cette alternative bio et végane mérite vraiment d'être testée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampoing antipelliculaire bio ?\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\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de produit sur cheveux mouillés, directement sur le cuir chevelu.\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\u003eMasser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement en mouvements circulaires pendant une à deux minutes pour bien répartir les actifs.\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\u003eLaisser poser\u003c\/h3\u003e\n\u003cp\u003eLaissez poser quelques instants si les démangeaisons sont importantes, puis rincez abondamment.\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\u003eRenouveler\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le deux à trois fois par semaine pour des résultats optimaux, ou en alternance avec un \u003cstrong\u003eshampoing solide antipelliculaire\u003c\/strong\u003e pour limiter votre impact environnemental.\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\u003eSa texture crème mousse délicatement et se rince facilement. Il convient aussi bien aux femmes qu'aux hommes et peut être utilisé au quotidien sans risque d'assécher le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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\" open\u003e\n\u003csummary class=\"cf-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n\u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Aloe Barbadensis Leaf Juice*, Ziziphus Joazeiro Bark Extract, Decyl Glucoside, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glyceryl Oleate, Glycerin, Sodium Cocoyl Glycinate, Glycine Soja (Soybean) Oil, Sodium Benzoate, Sodium Dehydroacetate, Potassium Sorbate, Parfum (Fragrance), Citric Acid.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e(*) 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\u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eUn engagement éthique et écologique\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eCentifolia est une marque française pionnière dans la \u003cstrong\u003ecosméto-botanique\u003c\/strong\u003e. En choisissant ce shampoing, vous prenez soin de vos cheveux tout en faisant un geste concret pour la planète.\u003c\/p\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🚫 Sans indésirables\u003c\/h3\u003e\n\u003cp\u003eSans sulfates, silicones, parabènes, colorants artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003e200 ml, format pratique et économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre cuir chevelu sensible le soin naturel qu'il mérite — sans compromis sur l'efficacité ni sur l'éthique.\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èmes persistants du cuir chevelu. En cas de contact avec les yeux, rincez immédiatement à l'eau claire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f2ee;\n --cf-white: #ffffff;\n --cf-primary: #4a9a8e;\n --cf-primary-dark: #2c5e56;\n --cf-primary-light: #e8f4f1;\n --cf-secondary: #6fbfb0;\n --cf-accent: #3d2a1e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #ddd8d2;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.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, var(--cf-accent) 0%, var(--cf-primary-dark) 50%, var(--cf-primary) 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(111,191,176,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(74,154,142,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\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(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.7;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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\/* === 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\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === 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\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\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 .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(4) { animation-delay: .2s; }\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":53504120881529,"sku":"CE0446","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-creme-anti-pelliculaire-cuir-chevelu-sensible-200m-packshothd.webp?v=1775823976"},{"product_id":"shampooing-reparateur-cheveux-cassants-centifolia-200ml","title":"Shampoing Crème Réparateur - Cheveux Fragilisés et Cassants - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampoing crème réparateur Centifolia\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eHuile de ricin bio \u0026amp; kératine végétale — 200 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eLe soin bio d'exception pour redonner force, souplesse et éclat aux cheveux fragilisés et cassants. 98 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampoing crème réparateur Centifolia : le soin bio pour cheveux fragilisés et cassants\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eVos cheveux sont devenus fragiles, cassants ou ternes à force de colorations, de chaleur ou de pollution ? Le shampoing réparateur Centifolia à l'huile de ricin bio et à la kératine végétale est formulé pour redonner force, souplesse et éclat à votre chevelure. Sa texture crème enveloppante nettoie en douceur tout en nourrissant la fibre capillaire en profondeur, lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux cassent et comment y remédier\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLes cheveux secs et cassants résultent souvent d'agressions répétées : sèche-cheveux, lisseur, colorations chimiques, exposition au soleil ou encore eau calcaire.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔥 Chaleur excessive\u003c\/h3\u003e\n \u003cp\u003eSèche-cheveux et lisseur détruisent la kératine naturelle du cheveu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Colorations chimiques\u003c\/h3\u003e\n \u003cp\u003eElles fragilisent la fibre capillaire et la rendent poreuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e☀️ Soleil \u0026amp; pollution\u003c\/h3\u003e\n \u003cp\u003eLes UV et les particules fines agressent et dessèchent les longueurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Eau calcaire\u003c\/h3\u003e\n \u003cp\u003eElle dépose un voile terne et rigidifie la fibre capillaire\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\u003eCe shampoing pour cheveux cassants agit directement sur ces problématiques grâce à des actifs végétaux ciblés qui comblent les brèches de la fibre et renforcent sa structure interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour une réparation visible\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en acide ricinoléique, elle fortifie le cheveu depuis la racine, stimule la microcirculation du cuir chevelu et gaine la fibre pour limiter la casse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eDérivée de protéines de blé, elle comble les zones fragilisées du cheveu et restaure son élasticité. L'ingrédient clé de ce shampoing réparateur, en alternative 100 % végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Aloe vera biologique\u003c\/h3\u003e\n \u003cp\u003eApaise le cuir chevelu, hydrate les longueurs et apporte une douceur naturelle sans alourdir la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-highlight-box\"\u003e\n \u003cp\u003e✨ \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e — Sans silicone, sans parabène et sans sulfate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour un résultat optimal\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\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing sur cheveux mouillés.\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\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu du bout des doigts pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaisser agir\u003c\/h3\u003e\n \u003cp\u003ePatientez une à deux minutes afin que les actifs pénètrent bien la fibre capillaire.\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\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède — évitez l'eau trop chaude qui dessèche les cheveux fragiles. Renouvelez si nécessaire.\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 rituel complet, complétez avec \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/baume-demelant-reparateur-apres-shampooing-200ml-centifolia\" target=\"_blank\" title=\"Baume Démêlant Réparateur Après-Shampoing Bio - 200ml - Centifolia\" rel=\"noopener\"\u003ele baume démêlant réparateur Centifolia\u003c\/a\u003e, un après-shampoing réparateur qui prolonge l'action du shampoing en scellant l'hydratation et en facilitant le démêlage sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eEngagements et certifications\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, la référence mondiale du bio\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, normes cosmétiques les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, formule 100 % vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon 100 % recyclable et recyclé, démarche zéro déchet\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\u003eÀ qui s'adresse ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eRépare les fibres fragilisées par les traitements chimiques répétés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔥 Cheveux exposés à la chaleur\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse perdue à cause du lisseur et du sèche-cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⏳ Cheveux fragilisés par le temps\u003c\/h3\u003e\n \u003cp\u003eRedonne vitalité et éclat aux chevelures ternes et dévitalisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Si vous cherchez le meilleur shampoing pour cheveux cassants alliant efficacité prouvée et formulation naturelle, cette référence Centifolia fait partie des valeurs sûres du marché bio français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant (chute importante, irritation chronique), consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f0;\n --cf-white: #ffffff;\n --cf-primary: #8b2e1c;\n --cf-primary-dark: #5c1a0e;\n --cf-primary-light: #f5ebe4;\n --cf-secondary: #c0392b;\n --cf-accent: #d4553a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd4;\n --cf-shadow: 0 4px 24px rgba(92, 26, 14, .08);\n --cf-shadow-lg: 0 12px 48px rgba(92, 26, 14, .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.cf-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #5c1a0e 0%, #8b2e1c 40%, #a83828 70%, #c0392b 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% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,85,58,.15) 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.1;\n}\n\n.cf-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: -.01em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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\/* === 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 === *\/\n.cf-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cf-secondary);\n}\n\n.cf-card-ingredient:hover {\n border-left-color: var(--cf-primary-dark);\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\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cf-highlight-box {\n background: linear-gradient(135deg, var(--cf-primary-light) 0%, #fdf6f1 100%);\n border-radius: var(--cf-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n margin-top: 1.25rem;\n border: 2px solid var(--cf-border);\n}\n\n.cf-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cf-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-highlight-box strong {\n color: var(--cf-secondary);\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.cf-tip a {\n color: var(--cf-primary);\n font-weight: 600;\n text-decoration: underline;\n text-underline-offset: 3px;\n transition: color .2s ease;\n}\n\n.cf-tip a:hover {\n color: var(--cf-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === 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\/* === 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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-highlight-box {\n padding: 1rem;\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 .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(4) { animation-delay: .2s; }\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":53502897389945,"sku":"CE0447","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-creme-reparateur-cheveux-fragilises-et-cassants-20-packshothd.webp?v=1775379324"},{"product_id":"shampooing-brillance-tous-types-de-cheveux-200ml-centifolia","title":"Shampoing Brillance Bio au Vinaigre de Framboise - 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🍇 Extrait de framboise bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 98 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon recyclé \u0026amp; recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampoing Brillance Centifolia\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eTous types de cheveux · 200 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eIlluminez et protégez votre chevelure grâce à la puissance de la framboise bio et de la kératine végétale. Un éclat miroir, naturellement.\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\u003eShampoing Brillance Centifolia : des cheveux lumineux grâce à la framboise bio\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous rêvez de cheveux éclatants, doux et pleins de vitalité ? Le \u003cstrong\u003eShampoing Brillance Centifolia\u003c\/strong\u003e à l'extrait de framboise bio et à la kératine végétale est conçu pour sublimer tous les types de cheveux. Certifié bio, vegan et composé à \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, il illumine et protège votre chevelure dès la première utilisation, sans compromis sur la santé de vos cheveux ni celle de la planète.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing pour la brillance des cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eSur le marché, les shampoings brillance sont nombreux — Nuxe, L'Oréal, Luxéol… Alors, qu'est-ce qui distingue celui de Centifolia ? Sa formule repose sur deux actifs phares parfaitement complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en acides de fruits, il lisse naturellement les écailles du cheveu. Résultat : une surface capillaire plus uniforme qui reflète mieux la lumière, pour un \u003cstrong\u003eeffet brillance miroir\u003c\/strong\u003e visible et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle renforce et restructure la fibre capillaire en profondeur. Vos cheveux sont plus résistants, plus souples et nettement plus faciles à coiffer.\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\u003eCe duo d'actifs offre un \u003cstrong\u003eéclat intense\u003c\/strong\u003e associé à une vraie protection de la fibre. Vous n'avez pas besoin de silicones pour obtenir des cheveux lumineux — la nature fait le travail.\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\u003eConseils d'utilisation\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\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de shampoing brillance Centifolia sur cheveux mouillés.\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\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003ePatientez une à deux minutes afin de laisser les actifs pénétrer en profondeur.\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. Complétez avec un \u003cstrong\u003eaprès-shampoing brillance\u003c\/strong\u003e adapté pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa base lavante douce permet une utilisation fréquente, même quotidienne, sans dessécher ni alourdir vos cheveux. Idéal si vous avez des cheveux fins, colorés ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\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\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Aloe Barbadensis Leaf Juice*, Coco-Glucoside, Glycerin, Sodium Coco-Sulfate, Rubus Idaeus (Raspberry) Fruit Extract*, Hydrolyzed Wheat Protein, Parfum (Fragrance), Sodium Chloride, Citric Acid, Phytic Acid, Potassium Sorbate, Sodium Benzoate.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e✔ \u003cstrong\u003eSans silicone\u003c\/strong\u003e, sans paraben, sans colorant de synthèse\u003cbr\u003e\n ✔ \u003cstrong\u003e100 % vegan\u003c\/strong\u003e — non testé sur les animaux\u003cbr\u003e\n ✔ Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e\u003cbr\u003e\n ✔ Flacon \u003cstrong\u003e100 % recyclé et recyclable\u003c\/strong\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=\"cf-section\"\u003e\n \u003ch2\u003eUne marque française engagée\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"Centifolia est une pionnière de la cosméto-botanique bio en France. Ce shampoing est fabriqué dans leurs laboratoires français, avec des framboises cultivées localement. En choisissant Centifolia, vous soutenez une agriculture raisonnée et une démarche zéro déchet grâce à un packaging éco-conçu.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en laboratoire français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Framboises locales\u003c\/h3\u003e\n \u003cp\u003eCultivées en agriculture raisonnée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003ePackaging éco-conçu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔬 Cosméto-botanique\u003c\/h3\u003e\n \u003cp\u003ePionnière du bio en France\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 shampoing brillance bio ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe soin capillaire convient à \u003cstrong\u003etous les types de cheveux\u003c\/strong\u003e : fins, épais, lisses, bouclés, colorés ou naturels. Il est particulièrement recommandé si vous cherchez :\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏆 Le meilleur shampoing brillance\u003c\/h3\u003e\n \u003cp\u003eUn shampoing naturel, sans ingrédients controversés, pour un éclat incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Une alternative bio\u003c\/h3\u003e\n \u003cp\u003eUn substitut efficace aux shampoings brillance conventionnels bourrés de silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Un usage quotidien doux\u003c\/h3\u003e\n \u003cp\u003eUn produit respectueux du cuir chevelu pour une utilisation régulière en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Des cheveux lumineux\u003c\/h3\u003e\n \u003cp\u003eDes cheveux visiblement plus soyeux, brillants et faciles à démêler au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eOffrez à vos cheveux l'éclat qu'ils méritent avec ce shampoing brillance Centifolia — un soin naturel, efficace et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf6f3;\n --cf-white: #ffffff;\n --cf-primary: #8b2252;\n --cf-primary-dark: #5e1637;\n --cf-primary-light: #f9eef3;\n --cf-secondary: #c94070;\n --cf-accent: #d4467a;\n --cf-berry: #e44d7b;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #eddfea;\n --cf-shadow: 0 4px 24px rgba(139, 34, 82, .08);\n --cf-shadow-lg: 0 12px 48px rgba(139, 34, 82, .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, #5e1637 0%, #8b2252 35%, #c94070 70%, #e44d7b 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% 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.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}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 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 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}\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-berry));\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === 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-berry));\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\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === 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\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\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":53502897422713,"sku":"CE0648","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-brillance-tous-types-de-cheveux-200ml-centifolia-packshothd.webp?v=1775823982"},{"product_id":"lait-corps-hydratant-pour-toute-la-famille-500ml-centifolia","title":"Lait Corps Hydratant Pour Toute La Famille - 500 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Ginkgo Biloba français\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧‍👦 Dès 3 ans\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 50 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLait corps hydratant pour toute la famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — 500 ml avec pompe\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eHydratation immédiate, texture fluide et zéro film gras : le soin bio au Ginkgo Biloba qui met toute la famille d'accord.\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 corps hydratant bio Centifolia : le soin familial au Ginkgo Biloba\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eTrouver un \u003cstrong\u003elait hydratant pour le corps\u003c\/strong\u003e qui convienne à toute la famille, y compris aux peaux sensibles des enfants, relève souvent du parcours du combattant.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation immédiate\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes pour un confort instantané, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eOrigine France, riche en flavonoïdes et antioxydants protecteurs.\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\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur sans alourdir la peau. Habillez-vous immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi ce lait hydratant corps fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏆 Naturalité maximale\u003c\/h3\u003e\n \u003cp\u003eFormule composée à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifiée bio Ecocert et labellisée COSMOS ORGANIC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, \u003cstrong\u003esans laisser de film gras\u003c\/strong\u003e. Vous pouvez vous habiller immédiatement après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Barrière cutanée restaurée\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité nourrit intensément et aide à restaurer la barrière cutanée, même pour les \u003cstrong\u003epeaux très sèches\u003c\/strong\u003e.\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\u003eQue votre peau soit normale, sèche ou réactive, ce lait lui redonne \u003cstrong\u003econfort et souplesse\u003c\/strong\u003e dès la première utilisation.\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\u003eDes actifs botaniques soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eOrigine France, riche en flavonoïdes et antioxydants. Améliore l'hydratation, apaise visiblement et protège des agressions extérieures, notamment les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus nourrissantes et réparatrices, il redonne souplesse et douceur même aux peaux les plus desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💦 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel qui attire et retient l'eau dans les couches supérieures de l'épiderme pour une hydratation durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-certif-bar\"\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Sans phtalates ni bisphénol A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour une hydratation optimale\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\u003ePrenez votre douche\u003c\/h3\u003e\n \u003cp\u003eNettoyez votre peau comme d'habitude. L'idéal : appliquer le lait juste après, sur une peau encore légèrement tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDosez avec la pompe\u003c\/h3\u003e\n \u003cp\u003eLe format 500 ml avec pompe permet un dosage précis et une utilisation quotidienne pratique pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones sujettes à la sécheresse : coudes, genoux, tibias et avant-bras.\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\u003eHabillez-vous immédiatement\u003c\/h3\u003e\n \u003cp\u003eLa texture fluide pénètre en quelques secondes, sans film gras. Matin et\/ou soir selon vos besoins.\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\u003eUn engagement écologique concret\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\u003eFabriqué à 50 % à partir de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Impact réduit\u003c\/h3\u003e\n \u003cp\u003eDémarche globale du choix des matières premières à l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eGinkgo Biloba cultivé en France pour réduire l'empreinte carbone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, formule 100 % respectueuse.\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\u003eOpter pour ce lait, c'est prendre soin de votre peau tout en faisant un \u003cstrong\u003egeste responsable pour la planète\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce lait corps ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Les familles\u003c\/h3\u003e\n \u003cp\u003eUn \u003cstrong\u003esoin unique adapté à tous\u003c\/strong\u003e, adultes et enfants dès 3 ans. Fini les flacons qui s'accumulent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux sèches, très sèches ou réactives en quête de \u003cstrong\u003econfort quotidien\u003c\/strong\u003e sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚡ Adeptes du bio efficace\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui veulent un \u003cstrong\u003elait hydratant bio\u003c\/strong\u003e, performant et à absorption ultra-rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à toute votre famille une hydratation naturelle, bio et longue durée — dans un geste simple et quotidien.\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é persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f7f9f4;\n --cf-white: #ffffff;\n --cf-primary: #6b9e3c;\n --cf-primary-dark: #3d6b1e;\n --cf-primary-light: #edf5e4;\n --cf-secondary: #8ab85a;\n --cf-accent: #a0c47e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dde8d2;\n --cf-shadow: 0 4px 24px rgba(61,107,30,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,107,30,.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, #3d6b1e 0%, #6b9e3c 50%, #8ab85a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 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(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,.9);\n font-size: clamp(14px, 2.5vw, 18px);\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\/* === 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\/* === CERTIF BAR === *\/\n.cf-certif-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n margin-top: 1.5rem;\n}\n\n.cf-certif-item {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 8px 16px;\n background: var(--cf-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\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\/* === 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 margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\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-certif-bar {\n gap: .5rem;\n }\n\n .cf-certif-item {\n padding: 6px 12px;\n font-size: 11px;\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":53502897553785,"sku":"CE0021","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-hydratant-pour-toute-la-famille-500-ml-centifolia-packshothd.webp?v=1775836382"},{"product_id":"dentifrice-enfant-fruits-rouges-centifolia-75ml","title":"Dentifrice Fruits Rouges Enfants - 75ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\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% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍓 Goût fruits rouges\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✅ COSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLe brossage devient un moment gourmand et rassurant\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eDentifrice bio sans fluor pour enfants de 2 à 6 ans\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne formule douce à l'Aloe Vera bio, certifiée COSMOS Organic, qui protège les dents de lait tout en apaisant les gencives sensibles. Sécurisée en cas d'ingestion accidentelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn dentifrice pensé pour les dents de lait\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLes dents de lait sont fragiles et leur émail nécessite un soin adapté. Ce dentifrice bio enfant nettoie en douceur grâce à la \u003cstrong\u003esilice hydratée\u003c\/strong\u003e, qui élimine la plaque dentaire sans abîmer l'émail. Enrichi en \u003cstrong\u003eAloe Vera bio\u003c\/strong\u003e, il apaise les gencives sensibles et hydrate la muqueuse buccale, une vraie alternative douce aux dentifrices classiques type dentifrice Oral-B enfant.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🦷 Protège l'émail fragile\u003c\/h3\u003e\n \u003cp\u003eSilice hydratée pour un nettoyage tout en douceur, sans abrasion des dents de lait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Apaise les gencives\u003c\/h3\u003e\n \u003cp\u003eL'Aloe Vera bio hydrate la muqueuse buccale et calme les sensibilités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Formule ultra douce\u003c\/h3\u003e\n \u003cp\u003eSans sulfates ni agents moussants agressifs, parfait pour les bouches délicates.\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\u003eVous cherchez un \u003cstrong\u003edentifrice sensibilité dentaire enfant\u003c\/strong\u003e sans compromis ? Cette formule convient parfaitement aux enfants qui supportent mal les dentifrices mentholés trop forts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFormule à 99% d'origine naturelle, vegan, sans fluor, sans sulfate, sans colorant.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAloe Barbadensis Leaf Juice Powder\u003c\/em\u003e — apaisant et protecteur des gencives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💦 Glycérine\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGlycerin\u003c\/em\u003e — hydrate la cavité buccale pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Sorbitol\u003c\/h3\u003e\n \u003cp\u003eLimite naturellement la formation des caries chez l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Silice hydratée\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHydrated Silica\u003c\/em\u003e — nettoie et polit les dents en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Tensioactif végétal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSodium Lauroyl Glutamate\u003c\/em\u003e — mousse douce d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de Néroli bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus Aurantium Amara Flower Water\u003c\/em\u003e — rafraîchit l'haleine délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Arôme fruits rouges\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAroma\u003c\/em\u003e — arôme naturel gourmand pour un brossage plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧪 Conservateurs bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePotassium Sorbate, Sodium Benzoate\u003c\/em\u003e — autorisés en cosmétique bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\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\u003eUne petite noisette suffit\u003c\/h3\u003e\n \u003cp\u003eDéposez la taille d'un petit pois sur une brosse à dents souple adaptée à l'âge de votre enfant.\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\u003eBrossage 2 fois par jour\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, pendant au moins 2 minutes, pour un résultat optimal.\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\u003eAccompagnez votre enfant\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 6-7 ans, vérifiez le geste et le rinçage pour un apprentissage réussi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eSécurité avant tout\u003c\/h3\u003e\n \u003cp\u003eRéservé aux enfants de 2 à 6 ans. Tenir hors de portée des plus petits.\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\u003ePourquoi choisir ce dentifrice bio enfant ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n \u003cp\u003eSécurité maximale en cas d'ingestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Goût gourmand\u003c\/h3\u003e\n \u003cp\u003eFruits rouges naturels, brossage ludique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003eApaisant pour gencives sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Certifié COSMOS\u003c\/h3\u003e\n \u003cp\u003eOrganic Ecocert \u0026amp; vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eDémarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💚 99% naturel\u003c\/h3\u003e\n \u003cp\u003eSans sulfate, sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👶 À partir de quel âge utiliser ce dentifrice ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est formulé pour les enfants de 2 à 6 ans. Avant 2 ans, demandez conseil à votre dentiste ou pédiatre.\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🚫 Pourquoi un dentifrice sans fluor ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eLes jeunes enfants ne maîtrisent pas toujours le rinçage. Une formule sans fluor évite tout risque de surdosage. Si votre dentiste recommande du fluor, parlez-en avec lui pour adapter le choix.\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-il aux gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce à l'Aloe Vera bio est idéale en cas de sensibilité dentaire chez l'enfant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🦸‍♀️🦸‍♂️ Offrez à vos enfants un brossage sûr, doux et gourmand — un vrai geste de super-héros pour leurs dents de lait !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit est un dentifrice cosmétique d'hygiène bucco-dentaire et ne remplace en aucun cas une consultation chez votre chirurgien-dentiste. Un suivi dentaire régulier reste indispensable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf8f9;\n --cf-white: #ffffff;\n --cf-primary: #b8partition;\n --cf-primary: #b41e5f;\n --cf-primary-dark: #8a1548;\n --cf-primary-light: #fce4ee;\n --cf-secondary: #e94b8a;\n --cf-accent: #ff6b9d;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d5df;\n --cf-shadow: 0 4px 24px rgba(180,30,95,.08);\n --cf-shadow-lg: 0 12px 48px rgba(180,30,95,.18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #b41e5f 0%, #e94b8a 50%, #ff8fb8 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 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.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n max-width: 640px;\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.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-card p em {\n color: var(--cf-primary);\n font-style: italic;\n font-weight: 600;\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(3, 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: 780px;\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-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(180,30,95,.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 max-width: 820px;\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.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-tip p strong {\n color: var(--cf-primary-dark);\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.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 max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cf-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .cf-grid-compact .cf-card {\n padding: .75rem;\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-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-badge {\n font-size: 11px;\n padding: 6px 12px;\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 .cf-card:nth-child(7) { animation-delay: .35s; }\n .cf-card:nth-child(8) { animation-delay: .4s; }\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":53502897652089,"sku":"CE0601","price":4.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fruits-rouges-enfants-75ml-centifolia-packshothd.webp?v=1789906613"},{"product_id":"lotion-perfectrice-de-peau-150ml-centifolia","title":"Lotion Perfectrice de Peau - 150ml - 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✅ Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLotion Perfectrice de Peau Centifolia\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eFraîcheur de Thé — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eMatifie, resserre les pores et unifie le teint grâce au thé vert bio et au zinc PCA. Votre peau retrouve éclat et équilibre, sans aucun alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLotion perfectrice de peau Centifolia : la lotion tonique visage bio au thé vert et zinc\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eL'étape souvent négligée qui fait pourtant toute la différence dans votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧹 Purifie en douceur\u003c\/h3\u003e\n \u003cp\u003eÉlimine les dernières impuretés après le nettoyage et rééquilibre le pH de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Perfectionne le teint\u003c\/h3\u003e\n \u003cp\u003eMatifie, resserre les pores et unifie visiblement le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eFormulée à 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Organic par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Prépare la peau\u003c\/h3\u003e\n \u003cp\u003eOptimise l'absorption de votre sérum et de votre crème hydratante appliqués ensuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels ciblés pour les peaux mixtes à grasses\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eDeux actifs phares agissent en synergie pour réguler le sébum sans agresser votre peau.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de thé vert biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, il offre une puissante action antioxydante. Il aide à protéger la peau des agressions extérieures tout en resserrant visiblement les pores dilatés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚗️ Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eCet actif séborégulateur contribue à réduire la brillance et à limiter l'apparition des imperfections. Il procure un fini mat durable et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale d'hamamélis\u003c\/h3\u003e\n \u003cp\u003eTonifiante et astringente, elle aide à resserrer les pores et à revitaliser les peaux fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera biologique\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus hydratantes et apaisantes, il purifie sans jamais dessécher l'épiderme.\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\u003eRésultat : une lotion tonique hydratante visage qui purifie, matifie et protège — sans aucune sensation de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser cette lotion tonique au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eIntégrez-la facilement à votre routine matin et soir pour un teint visiblement plus net.\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\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez votre nettoyant habituel pour éliminer les impuretés de surface.\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\u003eImbibez ou versez\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton réutilisable ou versez quelques gouttes dans vos mains propres.\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\u003eAppliquez délicatement\u003c\/h3\u003e\n \u003cp\u003ePassez sur l'ensemble du visage et du cou, 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\u003ePoursuivez votre routine\u003c\/h3\u003e\n \u003cp\u003eEnchaînez avec votre sérum ou votre crème hydratante pour sceller l'hydratation.\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\u003eAstuce : l'application aux mains, par légers tapotements, favorise la pénétration des actifs tout en respectant le film hydrolipidique de votre peau. C'est une alternative plus douce au coton, particulièrement appréciée par les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne formule bio, sans alcool et fabriquée en France\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucune sensation de tiraillement. Exempte de parabènes, sulfates et silicones pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert, elle répond aux exigences les plus strictes en matière de cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon de 150 ml en plastique végétal issu de canne à sucre, recyclable. Aucun test 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\u003eProduite dans les Deux-Sèvres, au cœur de la France, dans le respect des savoir-faire artisanaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\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\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Hamamelis Virginiana Leaf Water*, Camellia Sinensis Leaf Water*, Aloe Barbadensis Leaf Juice Powder*, Parfum, Zinc PCA, Sodium Benzoate, Potassium Sorbate, Citric Acid, Lactic Acid.\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!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette lotion perfectrice ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪞 Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eSujettes aux brillances et aux pores dilatés, elles retrouvent un teint mat et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa formule sans alcool purifie en douceur, sans aucune agression ni dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💄 Avant le maquillage\u003c\/h3\u003e\n \u003cp\u003eIdéale comme base : le teint est unifié et matifié, que ce soit pour du maquillage ou au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCette lotion tonique visage Centifolia ne remplace 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 --cf-cream: #f5f8f4;\n --cf-white: #ffffff;\n --cf-primary: #4a9e5c;\n --cf-primary-dark: #2d6e3a;\n --cf-primary-light: #e8f3ea;\n --cf-secondary: #7ec88d;\n --cf-accent: #3b8a4a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dce8de;\n --cf-shadow: 0 4px 24px rgba(45, 110, 58, .07);\n --cf-shadow-lg: 0 12px 48px rgba(45, 110, 58, .13);\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, #2d6e3a 0%, #4a9e5c 45%, #7ec88d 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 40%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.04) 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,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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.6;\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\/* === 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 === *\/\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.5rem;\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-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":53502897848697,"sku":"CE0427","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lotion-perfectrice-de-peau-150ml-centifolia-packshothd.webp?v=1775825056"},{"product_id":"soin-hygiene-intime-neutre-200ml-centifolia","title":"Soin Hygiène Intime Neutre - 200ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Hygiène Intime Neutre - Centifolia\nPalette détectée:\n - Primaire: #6BBAD9 (bleu aqua doux des bulles du packaging)\n - Secondaire: #E85A71 (rose\/corail des accents texte)\n - Accent: #2A9D8F (vert-bleu du logo Centifolia)\nAmbiance: Fraîcheur, douceur, naturalité, cosmétique bio, univers féminin épuré et rassurant\nPréfixe CSS: hi\n--\u003e\n\n\u003cdiv class=\"hi-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"hi-hero\"\u003e\n \u003cdiv class=\"hi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hi-hero-content\"\u003e\n \u003cdiv class=\"hi-badges-top\"\u003e\n \u003cspan class=\"hi-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"hi-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hi-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hi-hero-title\"\u003eSoin hygiène intime neutre\u003c\/span\u003e\n \u003cp class=\"hi-subtitle\"\u003eDouceur \u0026amp; respect pour les muqueuses sensibles\u003c\/p\u003e\n \u003cp class=\"hi-description\"\u003eFormulé sans parfum ni huile essentielle, ce gel nettoyant préserve l'équilibre naturel de votre flore intime grâce à son pH physiologique. Testé gynécologiquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"hi-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"hi-grid\"\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🍃 100% douceur\u003c\/h3\u003e\n \u003cp\u003eBase lavante ultra-douce d'origine végétale qui respecte les peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eFormule neutre sans parfum ni huile essentielle pour un confort absolu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🍑 Actif apaisant\u003c\/h3\u003e\n \u003cp\u003eExtrait breveté de feuille de pêcher aux propriétés apaisantes et protectrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e⚖️ pH physiologique\u003c\/h3\u003e\n \u003cp\u003eÉquilibre parfait pour préserver la flore intime naturelle au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🔬 Testé gynéco\u003c\/h3\u003e\n \u003cp\u003eTolérance optimale validée par des tests dermatologiques et gynécologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🌱 Biodégradable\u003c\/h3\u003e\n \u003cp\u003eRespect de la planète avec une formule et un flacon en plastique végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"hi-section\"\u003e\n \u003ch2\u003e🧬 Composition naturelle\u003c\/h2\u003e\n \u003cdiv class=\"hi-grid\"\u003e\n \u003cdiv class=\"hi-card hi-card-ingredient\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eAgent hydratant naturel qui maintient le confort et la souplesse des muqueuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card hi-card-ingredient\"\u003e\n \u003ch3\u003e🍑 Extrait de feuille de pêcher*\u003c\/h3\u003e\n \u003cp\u003eActif breveté bio aux vertus apaisantes et protectrices pour les zones sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card hi-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Tensioactifs doux\u003c\/h3\u003e\n \u003cp\u003eSodium cocoamphoacetate \u0026amp; Decyl glucoside : nettoyants végétaux ultra-doux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-composition-note\"\u003e\n \u003cp\u003e\u003cstrong\u003e98,9%\u003c\/strong\u003e d'ingrédients d'origine naturelle • \u003cstrong\u003e10%\u003c\/strong\u003e issus de l'agriculture biologique\u003c\/p\u003e\n \u003cp class=\"hi-inci\"\u003eAqua, Glycerin, Sodium cocoamphoacetate, Decyl glucoside, Polyglyceryl-4 caprate, Prunus persica leaf extract*, Citric acid, Glyceryl caprylate, Sodium benzoate, Potassium sorbate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"hi-section\"\u003e\n \u003ch2\u003e👩 Pour qui est-ce fait ?\u003c\/h2\u003e\n \u003cdiv class=\"hi-grid\"\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule hypoallergénique idéale pour les muqueuses réactives et délicates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eParfait pendant la grossesse, après l'accouchement ou en période de règles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux enfants dès 3 ans grâce à sa formule sans allergènes potentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"hi-section\"\u003e\n \u003ch2\u003e📋 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"hi-steps\"\u003e\n \u003cdiv class=\"hi-step\"\u003e\n \u003cdiv class=\"hi-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hi-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite quantité de produit dans le creux de la main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-step\"\u003e\n \u003cdiv class=\"hi-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hi-step-content\"\u003e\n \u003ch3\u003eNettoyer\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement la zone intime externe avec le gel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-step\"\u003e\n \u003cdiv class=\"hi-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hi-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et séchez en tapotant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"hi-usage-note\"\u003e💡 Utilisez quotidiennement ou aussi souvent que nécessaire. Idéal pendant les périodes de sensibilité accrue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"hi-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"hi-grid-compact\"\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eBio Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e♻️ Emballage\u003c\/h3\u003e\n \u003cp\u003ePlastique végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hi-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"hi-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hi-accordion\"\u003e\n \u003cdetails class=\"hi-accordion-item\"\u003e\n \u003csummary class=\"hi-accordion-header\"\u003e🏭 Fabrication \u0026amp; engagement\u003c\/summary\u003e\n \u003cdiv class=\"hi-accordion-content\"\u003e\n \u003cp\u003eEntièrement fabriqué en France dans le respect des normes strictes de cosmétique biologique. Centifolia s'engage pour une production éthique et durable où chaque ingrédient est sélectionné pour minimiser l'impact environnemental. Le flacon en plastique végétal témoigne de cet engagement pour la préservation de la biodiversité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hi-accordion-item\"\u003e\n \u003csummary class=\"hi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hi-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Convient aux enfants à partir de 3 ans. En cas d'irritation, cesser l'utilisation et consulter un médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hi-accordion-item\"\u003e\n \u003csummary class=\"hi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hi-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière directe. Refermer soigneusement après utilisation. À utiliser de préférence dans les 12 mois après ouverture.\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=\"hi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hi-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre intimité le soin qu'elle mérite : naturel, doux et respectueux. Une toilette quotidienne en toute sérénité, certifiée bio et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hi-cream: #f8fbfc;\n --hi-white: #ffffff;\n --hi-primary: #6BBAD9;\n --hi-primary-dark: #4A9BBF;\n --hi-primary-light: #E8F4F8;\n --hi-secondary: #E85A71;\n --hi-accent: #2A9D8F;\n --hi-text: #1a1a1a;\n --hi-text-light: #5a5a5a;\n --hi-border: #e0e0e0;\n --hi-shadow: 0 4px 24px rgba(107, 186, 217, .12);\n --hi-shadow-lg: 0 12px 48px rgba(107, 186, 217, .18);\n --hi-radius: 20px;\n --hi-radius-sm: 12px;\n}\n\n.hi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hi-hero {\n position: relative;\n background: linear-gradient(135deg, #6BBAD9 0%, #8DCBE6 40%, #A7D8E8 70%, #E85A71 100%);\n border-radius: var(--hi-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(--hi-shadow-lg);\n}\n\n.hi-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 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.25) 0%, transparent 35%);\n opacity: .8;\n}\n\n.hi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hi-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(--hi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hi-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.hi-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,.1);\n}\n\n.hi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.hi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hi-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.hi-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(--hi-primary), var(--hi-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hi-card {\n background: var(--hi-white);\n border-radius: var(--hi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hi-shadow-lg);\n border-color: var(--hi-primary);\n}\n\n.hi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hi-grid-compact .hi-card {\n padding: 1rem;\n}\n\n.hi-grid-compact .hi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hi-grid-compact .hi-card p {\n font-size: 12px;\n}\n\n\/* === CARD INGRÉDIENT === *\/\n.hi-card-ingredient {\n border-left: 4px solid var(--hi-accent);\n}\n\n.hi-card-ingredient:hover {\n border-left-color: var(--hi-primary);\n}\n\n\/* === COMPOSITION NOTE === *\/\n.hi-composition-note {\n background: var(--hi-primary-light);\n border-radius: var(--hi-radius-sm);\n padding: 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.hi-composition-note p {\n margin: 0 0 .75rem 0;\n font-size: 15px;\n color: var(--hi-primary-dark);\n}\n\n.hi-composition-note p:last-child {\n margin-bottom: 0;\n}\n\n.hi-inci {\n font-size: 12px !important;\n color: var(--hi-text-light) !important;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === ÉTAPES === *\/\n.hi-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.hi-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--hi-white);\n border-radius: var(--hi-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--hi-shadow);\n transition: all .3s ease;\n}\n\n.hi-step:hover {\n transform: translateX(8px);\n box-shadow: var(--hi-shadow-lg);\n}\n\n.hi-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hi-primary), var(--hi-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hi-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--hi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hi-step-content p {\n font-size: 14px;\n color: var(--hi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hi-usage-note {\n text-align: center;\n margin-top: 1.5rem;\n padding: 1rem;\n background: var(--hi-primary-light);\n border-radius: var(--hi-radius-sm);\n font-size: 14px;\n color: var(--hi-primary-dark);\n font-weight: 500;\n}\n\n\/* === ACCORDÉON === *\/\n.hi-accordion {\n background: var(--hi-white);\n border-radius: var(--hi-radius);\n box-shadow: var(--hi-shadow);\n overflow: hidden;\n}\n\n.hi-accordion-item {\n border-bottom: 1px solid var(--hi-border);\n margin: 0;\n padding: 0;\n}\n\n.hi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hi-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.hi-accordion-header:hover {\n background: var(--hi-primary-light);\n}\n\n.hi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hi-primary);\n transition: transform .2s ease;\n}\n\n.hi-accordion-item[open] .hi-accordion-header::after {\n content: '−';\n}\n\n.hi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hi-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.hi-cta-box {\n background: linear-gradient(135deg, var(--hi-primary) 0%, var(--hi-primary-dark) 100%);\n border-radius: var(--hi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hi-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.hi-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hi-card {\n padding: 1.125rem;\n }\n \n .hi-section {\n margin-bottom: 1.75rem;\n }\n \n .hi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hi-radius-sm);\n }\n \n .hi-badges-top {\n gap: 8px;\n }\n \n .hi-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hi-grid-compact {\n gap: .625rem;\n }\n \n .hi-grid-compact .hi-card {\n padding: .75rem;\n }\n \n .hi-step {\n padding: 1rem;\n }\n \n .hi-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .hi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hi-composition-note {\n padding: 1rem;\n }\n \n .hi-composition-note p {\n font-size: 13px;\n }\n \n .hi-inci {\n font-size: 11px !important;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hi-card:nth-child(1) { animation-delay: .05s; }\n .hi-card:nth-child(2) { animation-delay: .1s; }\n .hi-card:nth-child(3) { animation-delay: .15s; }\n .hi-card:nth-child(4) { animation-delay: .2s; }\n .hi-card:nth-child(5) { animation-delay: .25s; }\n .hi-card:nth-child(6) { animation-delay: .3s; }\n \n .hi-step {\n animation: fadeInUp .5s ease backwards;\n }\n .hi-step:nth-child(1) { animation-delay: .1s; }\n .hi-step:nth-child(2) { animation-delay: .2s; }\n .hi-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\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hi-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":53502898241913,"sku":"CE0444","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-hygiene-intime-neutre-200ml-centifolia-ingredients.webp?v=1768754850"},{"product_id":"dentifrice-haleine-fraiche-75ml-centifolia","title":"Dentifrice Haleine Fraîche - 75ml - 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% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✅ Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLa fraîcheur intense de la menthe verte bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\" style=\"color:lightgrey;\"\u003eUn soin bucco-dentaire naturel, efficace et engagé\u003c\/p\u003e\n \u003cp class=\"cf-description\" style=\"color:white;\"\u003eLe Dentifrice Haleine Fraîche 75ml de Centifolia associe la puissance du fluor à la fraîcheur intense de la menthe verte bio pour un brossage complet, doux et respectueux de votre bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce dentifrice contre la mauvaise haleine ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa mauvaise haleine, ou halitose, est souvent liée à une accumulation de bactéries dans la cavité buccale. Ce dentifrice Centifolia agit à la fois sur la fraîcheur et sur la propreté en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle, dont des actifs issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Menthe verte BIO\u003c\/h3\u003e\n \u003cp\u003ePour une sensation de fraîcheur longue durée qui neutralise les odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🦷 Fluorure de sodium\u003c\/h3\u003e\n \u003cp\u003eRenforce l'émail et prévient efficacement l'apparition des caries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans ingrédients agressifs\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans parabènes, sans triclosan, sans microplastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eFormule adaptée aux femmes enceintes ou allaitantes en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💚 100% Vegan\u003c\/h3\u003e\n \u003cp\u003eUne formule respectueuse des animaux et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne fraîcheur intense qui dure toute la journée\u003c\/h2\u003e\n \u003cp\u003eGrâce à l'extrait de \u003cstrong\u003ementhe verte bio\u003c\/strong\u003e et à un dosage précis en arômes naturels, ce dentifrice haleine fraîche neutralise efficacement les odeurs désagréables tout en respectant l'équilibre de votre flore buccale.\u003c\/p\u003e\n \u003cp\u003eConsidéré par de nombreux utilisateurs comme l'un des \u003cstrong\u003emeilleurs dentifrices pour mauvaise haleine\u003c\/strong\u003e dans la catégorie naturelle, il offre une alternative douce aux formules classiques souvent trop agressives.\u003c\/p\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e La langue est le principal foyer des bactéries responsables de l'halitose. Un brossage régulier de sa surface complète parfaitement l'action du dentifrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement de ses bienfaits, 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\u003e🪥 Déposer\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur une brosse souple ou medium.\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⏱️ Brosser 2 minutes\u003c\/h3\u003e\n \u003cp\u003eBrossez pendant 2 minutes minimum, matin et soir, par 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\u003e👅 Insister sur la langue\u003c\/h3\u003e\n \u003cp\u003eInsistez sur la ligne gencive-dent et la langue, foyer des bactéries responsables de l'halitose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💧 Rincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment. Complétez avec du fil dentaire et un bain de bouche doux.\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 détaillée\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFormule transparente, à 99% d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau, base de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Glycerin\u003c\/h3\u003e\n \u003cp\u003eHydratant d'origine végétale pour préserver le confort buccal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Hydrated silica\u003c\/h3\u003e\n \u003cp\u003eAgent nettoyant doux qui polit délicatement l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n \u003cp\u003eArgile blanche purifiante, respectueuse des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🦷 Sodium fluoride\u003c\/h3\u003e\n \u003cp\u003e1450 ppm de fluor pour une protection anti-caries efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Mentha viridis*\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de menthe verte BIO pour une fraîcheur intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans sulfates SLS\/SLES, sans triclosan, sans huiles minérales, sans microbilles plastiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🌸 Ce dentifrice convient-il aux gencives sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule sans tensioactifs irritants et enrichie en kaolin respecte les muqueuses fragiles.\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👶 Est-il adapté aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eSa teneur en fluor (1450 ppm) le destine aux adultes et adolescents. Pour les plus jeunes, privilégiez un dentifrice spécifique.\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🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il convient parfaitement aux femmes enceintes et allaitantes.\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\u003eOrigine et engagement Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eFabriqué en France et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce dentifrice porte l'ADN de Centifolia, marque pionnière de la cosméto-botanique. Ingrédients tracés, circuits courts, engagement écologique : un soin bucco-dentaire qui prend soin de vous comme de la planète. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit est un cosmétique d'hygiène bucco-dentaire et ne remplace pas un avis médical ou un suivi par votre dentiste en cas d'halitose persistante.\u003c\/p\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: #7ab547;\n --cf-primary-dark: #4a7c2a;\n --cf-primary-light: #e8f3de;\n --cf-secondary: #a8d47a;\n --cf-accent: #2d5016;\n --cf-text: #1a2e0f;\n --cf-text-light: #5a6b52;\n --cf-border: #d8e6cc;\n --cf-shadow: 0 4px 24px rgba(74,124,42,.08);\n --cf-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #7ab547 0%, #4a7c2a 50%, #2d5016 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%, white 2px, transparent 2px), radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n background-size: 60px 60px;\n opacity: .06;\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(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.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.6;\n max-width: 700px;\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 { transform: translateY(-2px) scale(1.05); }\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-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--cf-text);\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}\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-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,124,42,.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 { border-bottom: none; }\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 { background: var(--cf-primary-light); }\n.cf-accordion-header::-webkit-details-marker { display: none; }\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after { content: '−'; }\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 { margin: 0; }\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cf-grid { grid-template-columns: 1fr; gap: 1rem; }\n .cf-card { padding: 1.125rem; }\n .cf-section { margin-bottom: 1.75rem; }\n .cf-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--cf-radius-sm); }\n .cf-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .cf-premium h2::after { width: 40px; height: 3px; }\n .cf-timeline-number { width: 32px; height: 32px; font-size: 14px; }\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 { padding: .875rem 1rem; font-size: 14px; }\n .cf-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card { animation: cfFadeInUp .5s ease backwards; }\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":53502898405753,"sku":"CE0476","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-haleine-fraiche-75ml-centifolia-packshothd.webp?v=1790409484"},{"product_id":"dentifrice-fluor-protection-integrale-75ml-centifolia","title":"Dentifrice Fluor Protection Integrale 75Ml - 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🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✨ 1450 ppm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eDentifrice Fluor Protection Intégrale\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eÀ l'Aloe Vera équitable \u0026amp; Bio · 75 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne formule cosméto-botanique signée Centifolia, alliant l'efficacité préventive du fluor à la douceur des actifs naturels pour des dents protégées et des gencives apaisées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir un dentifrice fluoré ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa question revient souvent : faut-il privilégier un dentifrice avec ou sans fluor ? La réponse des chirurgiens-dentistes est claire.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Prévention reconnue\u003c\/h3\u003e\n \u003cp\u003eLe fluor reste l'ingrédient le mieux étudié pour prévenir efficacement la formation des caries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n \u003cp\u003eIl renforce l'émail attaqué par les acides alimentaires et consolide la couche externe de la dent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Dosage sécurisé\u003c\/h3\u003e\n \u003cp\u003e1450 ppm : le dosage recommandé pour les adultes, sûr et efficace dès 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤰 Tolérance optimale\u003c\/h3\u003e\n \u003cp\u003eConvient également aux femmes enceintes et allaitantes, sans risque connu à dose adaptée.\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\u003eLe supposé danger du dentifrice fluor n'apparaît qu'en cas de surdosage prolongé. À la dose recommandée, son usage quotidien est validé par les autorités de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne formule botanique et protectrice\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia a misé sur des actifs naturels rigoureusement sélectionnés pour compléter l'action du fluor.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🦷 Fluorure de sodium (1450 ppm)\u003c\/h3\u003e\n \u003cp\u003eReminéralise l'émail et prévient activement la formation des caries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Vera bio équitable\u003c\/h3\u003e\n \u003cp\u003eAdoucit et apaise les gencives sensibles avec une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de feuilles de bouleau\u003c\/h3\u003e\n \u003cp\u003ePurifie et tonifie la sphère gingivale pour une bouche saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚪ Carbonate de calcium\u003c\/h3\u003e\n \u003cp\u003eAbrasif doux qui nettoie en profondeur sans abîmer l'émail.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Huiles essentielles de menthe\u003c\/h3\u003e\n \u003cp\u003eProcurent une haleine fraîche et durable à chaque brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans SLS, sans dioxyde de titane, sans parabènes. 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🪥 Préparez votre brosse\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de dentifrice sur une brosse souple ou medium.\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⏱️ Brossez en douceur\u003c\/h3\u003e\n \u003cp\u003eBrossez délicatement pendant 2 à 3 minutes, de la gencive vers la dent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🌅 Matin et soir\u003c\/h3\u003e\n \u003cp\u003eRenouvelez le brossage matin et soir, idéalement après chaque repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💧 Rincez sans avaler\u003c\/h3\u003e\n \u003cp\u003eRecrachez sans avaler, puis rincez soigneusement la bouche.\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\u003eRéservé aux adultes et enfants à partir de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Anti-caries\u003c\/h3\u003e\n \u003cp\u003eProtection optimale grâce au fluor à 1450 ppm.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Émail renforcé\u003c\/h3\u003e\n \u003cp\u003eReminéralisation jour après jour pour une dent solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Gencives apaisées\u003c\/h3\u003e\n \u003cp\u003eAction douce et calmante de l'aloe vera bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e❄️ Haleine fraîche\u003c\/h3\u003e\n \u003cp\u003eSensation de fraîcheur longue durée à chaque brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eMousse légère et goût agréable pour un plaisir quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💚 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients controversés, respectueuse de la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eOrigine et engagement Centifolia\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFabriqué en France, certifié Cosmos Organic et formulé à 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 35 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eCentifolia, marque pionnière de la cosméto-botanique, sélectionne des matières premières d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Filières équitables\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients issus de filières biologiques et équitables, comme l'aloe vera de cette formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Éco-conception\u003c\/h3\u003e\n \u003cp\u003eLe tube est conçu pour limiter son impact environnemental, en cohérence avec les valeurs de la marque.\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\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🦷 Le fluor et le dentifrice sont-ils compatibles avec un usage quotidien ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, à dose adaptée, le dentifrice au fluor est recommandé matin et soir par les autorités de santé. Le dosage de 1450 ppm est validé pour un usage biquotidien chez les adultes et enfants à partir de 6 ans.\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-il aux dents sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eSa formule douce, sans SLS, est bien tolérée par la majorité des bouches sensibles. Les actifs apaisants comme l'aloe vera bio renforcent ce confort au brossage.\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🤰 Est-il adapté aux femmes enceintes ou allaitantes ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la formule convient aux femmes enceintes et allaitantes. Elle est exempte d'ingrédients controversés et formulée pour respecter les peaux et bouches les plus sensibles.\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⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe dentifrice ne remplace pas une consultation chez votre dentiste. En cas de doute ou de problème bucco-dentaire, demandez l'avis d'un professionnel de santé.\u003c\/em\u003e\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: #f5f9f6;\n --cf-white: #ffffff;\n --cf-primary: #7cb89d;\n --cf-primary-dark: #3d6b58;\n --cf-primary-light: #e8f2ec;\n --cf-secondary: #a8d4be;\n --cf-accent: #c5e3d2;\n --cf-text: #1a2e26;\n --cf-text-light: #5a6b63;\n --cf-border: #d8e6df;\n --cf-shadow: 0 4px 24px rgba(61,107,88,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,107,88,.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, #7cb89d 0%, #5a9b81 50%, #3d6b58 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 line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cf-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.cf-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.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.75rem;\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: 1.125rem;\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: 12.5px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(61,107,88,.25);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-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}\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 flex-shrink: 0;\n margin-left: 1rem;\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@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: 2.25rem 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: .85rem;\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@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":53502898471289,"sku":"CE0481","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fluor-protection-integrale-centifolia-75ml-444338.jpg?v=1732720244"},{"product_id":"dentifrice-fluor-blancheur-naturelle-75ml-centifolia","title":"Dentifrice Fluor Blancheur Naturelle - 75ml - 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% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🥥 Eau de Coco BIO\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✨ COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eDentifrice Fluor Blancheur Naturelle\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 75 ml · Goût menthe\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eLe meilleur de la cosméto-botanique allié à l'efficacité prouvée du fluor. Pour des dents plus blanches, des gencives apaisées et un sourire éclatant, sans compromis sur le naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003cp class=\"cf-section-intro\"\u003eEnvie d'un sourire éclatant sans compromis sur le naturel ? Le \u003cstrong\u003eDentifrice Fluor Blancheur Naturelle de Centifolia\u003c\/strong\u003e conjugue le meilleur de la cosméto-botanique et l'efficacité d'un dentifrice au fluor classique. Formulé à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et enrichi en \u003cstrong\u003eeau de coco bio\u003c\/strong\u003e, il prend soin de vos dents, de vos gencives et de la planète, à chaque brossage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir un dentifrice au fluor ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLe débat entre \u003cstrong\u003edentifrice avec ou sans fluor\u003c\/strong\u003e revient souvent. La réponse des dentistes est claire : le fluor reste l'allié n°1 contre les caries.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🦷 1450 ppm\u003c\/h3\u003e\n \u003cp\u003eLe dosage recommandé pour les adultes, prouvé scientifiquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Émail renforcé\u003c\/h3\u003e\n \u003cp\u003eFavorise la reminéralisation et la résistance aux acides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Anti-caries\u003c\/h3\u003e\n \u003cp\u003eProtection durable contre les attaques quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Formule moderne\u003c\/h3\u003e\n \u003cp\u003eL'efficacité du fluor dans une base 99% naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne blancheur naturelle, sans agressivité\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCafé, thé, vin rouge, tabac… Les taches superficielles s'installent avec le temps. Grâce à la \u003cstrong\u003esilice hydratée\u003c\/strong\u003e, agent de polissage doux, ce dentifrice élimine les colorations en surface sans abîmer l'émail. Résultat : des dents visiblement plus blanches au fil des brossages.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥥 Eau de coco bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise les gencives sensibles au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Xylitol\u003c\/h3\u003e\n \u003cp\u003eAide à limiter la formation de plaque dentaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌬️ Goût menthe\u003c\/h3\u003e\n \u003cp\u003eHaleine fraîche durable après chaque brossage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Sans sulfate (SLS)\u003c\/h3\u003e\n \u003cp\u003eMousse douce, idéale pour les bouches sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Vegan \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eCertifié COSMOS ORGANIC by ECOCERT\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é dans les laboratoires Centifolia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🪥 Déposez une noisette\u003c\/h3\u003e\n \u003cp\u003eSur une brosse à dents souple, prélevez l'équivalent d'une noisette de dentifrice.\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⏱️ Brossez 2 minutes\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, idéalement après chaque repas, avec des mouvements doux du haut vers le bas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e👶 Pour les enfants ≤ 6 ans\u003c\/h3\u003e\n \u003cp\u003eUtilisez une quantité de la taille d'un petit pois, sous la surveillance d'un adulte pour éviter toute ingestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e👩‍⚕️ En cas de doute\u003c\/h3\u003e\n \u003cp\u003eDemandez l'avis de votre chirurgien-dentiste. Ce produit ne remplace pas un suivi bucco-dentaire professionnel.\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 \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eAqua, Glycerin, Hydrated Silica, Sorbitol, Cocos Nucifera Water* (eau de coco bio), Xylitol, Cellulose Gum, Sodium Cocoyl Glutamate, Aroma, Sodium Fluoride (1450 ppm), Sodium Benzoate, Potassium Sorbate, Citric Acid, Limonene, CI 77891.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Issu de l'agriculture biologique. 99% du total des ingrédients sont d'origine naturelle. 10% du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFabriqué en France dans les laboratoires Centifolia, ce dentifrice s'inscrit dans une démarche de \u003cstrong\u003ecosmétique propre\u003c\/strong\u003e : formules courtes, ingrédients tracés, tube en plastique recyclé et recyclable. Vous adoptez ainsi un geste beauté qui respecte votre santé buccale comme l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Tube recyclé\u003c\/h3\u003e\n \u003cp\u003ePlastique recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📋 Formule courte\u003c\/h3\u003e\n \u003cp\u003eIngrédients tracés et essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoires Centifolia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Cosmétique propre\u003c\/h3\u003e\n \u003cp\u003eRespect de la planète\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 \u0026amp; nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Le fluor dans le dentifrice est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés (1450 ppm pour un adulte), il est considéré comme sûr et efficace par les autorités sanitaires. C'est l'allié n°1 reconnu par les dentistes contre les caries.\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-il aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule est spécialement adaptée aux femmes enceintes et allaitantes, en toute sérénité.\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✨ Combien de temps avant de voir un effet blancheur ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eLes premiers résultats apparaissent généralement après 2 à 3 semaines d'utilisation régulière, à raison de 2 brossages par jour minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eOffrez à votre sourire ce qu'il y a de mieux : la rigueur d'un dentifrice fluor efficace et la douceur du naturel, en un seul tube. 🥥✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f8f5f1;\n --cf-white: #ffffff;\n --cf-primary: #8b6f4e;\n --cf-primary-dark: #5c4a33;\n --cf-primary-light: #f0e8df;\n --cf-secondary: #6fa896;\n --cf-accent: #c9a87c;\n --cf-text: #2a201a;\n --cf-text-light: #6a5c50;\n --cf-border: #e6dccf;\n --cf-shadow: 0 4px 24px rgba(92,74,51,.08);\n --cf-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n line-height: 1.6;\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6f4e 0%, #a88560 50%, #c9a87c 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%), 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(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 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 max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\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: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.75;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-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-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--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}\n\n.cf-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\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 gap: 1rem;\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 flex-shrink: 0;\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-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\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: 13px;\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":53502898504057,"sku":"CE0556","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fluor-blancheur-naturelle-75ml-centifolia-packshothd.webp?v=1777551562"},{"product_id":"shampooing-creme-cheveux-normaux-200ml-centifolia","title":"Shampoing Bio Hydratant cheveux normaux à déshydratés - 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é Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampoing bio hydratant cheveux normaux à déshydratés\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003e40 % de gel d'aloe vera bio \u0026amp; protéines d'amande douce bio — Nouvelle formule à l'efficacité boostée pour des cheveux souples, brillants et hydratés dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampoing hydratant bio Centifolia : l'allié des cheveux normaux à déshydratés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent de souplesse, tiraillent ou semblent ternes au quotidien ? Le \u003cstrong\u003eshampoing bio hydratant Centifolia\u003c\/strong\u003e a été reformulé pour répondre précisément à ce besoin. Enrichi en \u003cstrong\u003e40 % de gel d'aloe vera bio\u003c\/strong\u003e et en \u003cstrong\u003eprotéines d'amande douce bio\u003c\/strong\u003e, il nettoie tout en douceur et restaure l'hydratation naturelle de la fibre capillaire.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 40 % d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratation intense dès la racine jusqu'aux pointes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eRenforce et lisse la fibre pour un démêlage facile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Mousse onctueuse\u003c\/h3\u003e\n \u003cp\u003eBase lavante douce qui nettoie sans décaper\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Résultat visible\u003c\/h3\u003e\n \u003cp\u003eCheveux souples, brillants et légers dès le 1ᵉʳ lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux ont besoin d'un shampoing hydratant ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-card cf-card-wide\"\u003e\n \u003cp\u003ePollution, soleil, colorations, chaleur du sèche-cheveux… Les agressions quotidiennes fragilisent la barrière protectrice du cheveu. Résultat : la fibre se dessèche, perd son éclat et devient difficile à démêler.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eUn \u003cstrong\u003eshampoing hydratant\u003c\/strong\u003e adapté ne se contente pas de laver : il compense ces pertes en eau et en nutriments dès le lavage. C'est exactement ce que propose cette nouvelle formule Centifolia, à l'efficacité boostée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez \u003cem\u003echeveux secs, quel shampoing choisir ?\u003c\/em\u003e, un soin à base d'aloe vera et de protéines végétales est la réponse la plus naturelle et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Gel d'aloe vera bio (40 %)\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'hydratation, il pénètre la fibre capillaire pour la gorger d'eau, apaise le cuir chevelu et apporte brillance et légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Protéines d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eElles renforcent la structure du cheveu, lissent les écailles et facilitent le démêlage. Vos cheveux retrouvent douceur et souplesse dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥥 Base lavante douce végétale\u003c\/h3\u003e\n \u003cp\u003eIssue de sucres et de coco, elle produit une mousse onctueuse qui nettoie sans agresser ni décaper le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne formulation propre et certifiée\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe \u003cstrong\u003eshampoing bio\u003c\/strong\u003e est certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e. La formule est \u003cstrong\u003evegan\u003c\/strong\u003e, non testée sur les animaux, et fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates agressifs\u003c\/h3\u003e\n \u003cp\u003eRespect du cuir chevelu sensible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003ePas d'effet d'accumulation sur la fibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormulation sûre et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans colorants synthétiques\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de shampoing sur cheveux bien mouillés.\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\u003eMassez délicatement le cuir chevelu du bout des doigts pour activer la microcirculation et bien répartir le produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003ePatientez une à deux minutes afin que l'aloe vera et les protéines d'amande douce pénètrent la fibre.\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 abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour une hydratation renforcée, complétez avec un après-shampoing ou un masque nourrissant de la même gamme Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement écologique concret\u003c\/h2\u003e\n \u003cdiv class=\"cf-card cf-card-wide\"\u003e\n \u003cp\u003eCentifolia va au-delà de la cosmétique naturelle. Le flacon de 200 ml est \u003cstrong\u003e100 % recyclable et fabriqué à partir de plastique recyclé\u003c\/strong\u003e. La marque privilégie des circuits courts et des matières premières issues de l'agriculture biologique.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eChoisir ce \u003cstrong\u003eshampoing cheveux secs\u003c\/strong\u003e et déshydratés, c'est donc aussi poser un geste responsable pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé\u003c\/h3\u003e\n \u003cp\u003ePlastique 100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Circuits courts\u003c\/h3\u003e\n \u003cp\u003eMatières premières bio sourcées durablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌤️ Cheveux normaux à déshydratés\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cheveux qui ont tendance à se déshydrater selon les saisons, exposés au vent, au soleil ou à la pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔥 Cheveux secs ou fragilisés\u003c\/h3\u003e\n \u003cp\u003eParfait pour les cheveux abîmés par les colorations, le brushing répété ou les traitements chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio sans compromis\u003c\/h3\u003e\n \u003cp\u003ePour toute personne souhaitant passer à un shampoing bio sans sacrifier l'efficacité ni la sensorialité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre chevelure une hydratation profonde et durable, portée par le meilleur de la cosméto-botanique française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe soin ne remplace pas un traitement dermatologique en cas de problème capillaire persistant ; consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f7f5f0;\n --cf-white: #ffffff;\n --cf-primary: #4a7c3f;\n --cf-primary-dark: #2e5427;\n --cf-primary-light: #e8f0e5;\n --cf-secondary: #7ab648;\n --cf-accent: #a3c75a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dde5d9;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.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.cf-premium *,\n.cf-premium *::before,\n.cf-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5427 0%, #4a7c3f 45%, #5c9a3e 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% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(163,199,90,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\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 letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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-wide {\n text-align: left;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cf-card-wide p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--cf-text);\n}\n\n.cf-card-wide:hover {\n transform: translateY(-4px);\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 max-width: 700px;\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-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 === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\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-card-wide {\n padding: 1.125rem;\n }\n\n .cf-badge {\n font-size: 11px;\n padding: 6px 12px;\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 .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(4) { animation-delay: .2s; }\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":53502898602361,"sku":"CE0246","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-bio-hydratant-cheveux-normaux-a-deshydrates-200ml--packshothd.webp?v=1775824212"},{"product_id":"shampooing-creme-cheveux-gras-200ml-centifolia","title":"Shampoing Crème Purifiant Cheveux Gras - 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♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampoing crème purifiant cheveux gras\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — 200 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eNouvelle formule à l'efficacité boostée : ortie française bio \u0026amp; complexe d'argiles pour des racines purifiées et des longueurs pleines de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampoing purifiant Centifolia : la solution naturelle pour les cheveux gras\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux regraissent dès le lendemain du lavage ? Vous cherchez le \u003cstrong\u003emeilleur shampoing pour cheveux gras\u003c\/strong\u003e qui purifie sans assécher ?\u003c\/p\u003e\n \u003cdiv class=\"cf-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eShampoing Crème Purifiant de Centifolia\u003c\/strong\u003e a été spécialement conçu pour répondre à cette problématique. Sa nouvelle formule à l'efficacité boostée associe \u003cstrong\u003eortie française biologique\u003c\/strong\u003e et \u003cstrong\u003ecomplexe d'argiles\u003c\/strong\u003e pour réguler durablement l'excès de sébum, tout en respectant l'équilibre naturel de votre cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eOrtie bio et argiles : un duo purifiant redoutable\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe \u003cstrong\u003eshampoing purifiant\u003c\/strong\u003e ne se contente pas de nettoyer en surface. Il agit en profondeur grâce à des actifs soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Ortie française biologique\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis des siècles pour ses propriétés sébo-régulatrices, elle aide à rééquilibrer le cuir chevelu et à espacer progressivement les lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪨 Complexe d'argiles\u003c\/h3\u003e\n \u003cp\u003eVéritable aimant à impuretés, il absorbe l'excès de sébum sans décaper, laissant les racines propres et légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫧 Tensioactifs doux naturels\u003c\/h3\u003e\n \u003cp\u003eIls assurent un nettoyage efficace tout en préservant le film hydrolipidique du cuir chevelu, évitant l'effet rebond qui pousse les glandes sébacées à produire encore plus de gras.\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\u003eComposé à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifié \u003cstrong\u003ebio\u003c\/strong\u003e et labellisé \u003cstrong\u003evegan\u003c\/strong\u003e. Sans sulfates, sans silicones, sans parabènes : votre cuir chevelu reçoit uniquement ce dont il a besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes résultats visibles dès la première utilisation\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eSi vous vous demandez quel \u003cstrong\u003eshampoing pour cheveux gras\u003c\/strong\u003e choisir, la réponse se trouve dans les résultats. Dès le premier lavage, vous constaterez une véritable différence.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Racines fraîches\u003c\/h3\u003e\n \u003cp\u003eNettes et débarrassées de l'excès de sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆 Longueurs douces\u003c\/h3\u003e\n \u003cp\u003eSouples et brillantes, sans effet cartonné\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎈 Volume retrouvé\u003c\/h3\u003e\n \u003cp\u003eDes cheveux qui ne retombent plus à plat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Légèreté prolongée\u003c\/h3\u003e\n \u003cp\u003ePermet d'espacer les shampoings\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 à de nombreux shampoings classiques qui décapent le cuir chevelu et aggravent la production de sébum, cette formule crème respecte votre équilibre capillaire. C'est toute la différence entre un nettoyage agressif et une véritable \u003cstrong\u003epurification douce\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour tirer le meilleur parti de votre \u003cstrong\u003eshampoing cheveux gras Centifolia\u003c\/strong\u003e, suivez ces conseils :\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cspan class=\"cf-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n \u003cp\u003ePassez vos cheveux sous l'eau tiède — l'eau chaude stimule la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cspan class=\"cf-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit et massez délicatement du bout des doigts pendant une à deux minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cspan class=\"cf-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'opération si nécessaire pour un nettoyage en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cspan class=\"cf-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eFinition eau fraîche\u003c\/h3\u003e\n \u003cp\u003eTerminez par un rinçage à l'eau fraîche pour resserrer les écailles et apporter de la brillance.\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 évitez d'appliquer le shampoing directement sur les pointes. Concentrez-vous sur les racines ; la mousse qui descend lors du rinçage suffit à nettoyer les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne marque française engagée\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Conçu et fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCentifolia conçoit et fabrique ses produits en France, dans le respect des exigences de la cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003eUn engagement environnemental concret pour une routine capillaire responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Routine efficace et naturelle\u003c\/h3\u003e\n \u003cp\u003eEn choisissant ce shampoing, vous optez pour une routine capillaire à la fois efficace, naturelle et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\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 des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Glycerin, Urtica Dioica Leaf Extract*, Kaolin, Illite, Montmorillonite, Coco-Glucoside, Glyceryl Oleate, Sodium Chloride, Parfum, Citric Acid, Benzyl Alcohol, Potassium Sorbate, Sodium Benzoate, Tocopherol. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis dermatologique en cas de problème persistant du cuir chevelu. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f3ef;\n --cf-white: #ffffff;\n --cf-primary: #3a7d44;\n --cf-primary-dark: #1e4d28;\n --cf-primary-light: #e8f2ea;\n --cf-secondary: #6b8e23;\n --cf-accent: #8b5e3c;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e0e0e0;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.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, var(--cf-primary-dark) 0%, var(--cf-primary) 50%, var(--cf-secondary) 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% 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 url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C30 5 35 15 30 25 C25 15 30 5 30 5Z' fill='white' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 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 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-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\/* === HIGHLIGHT BOX === *\/\n.cf-highlight-box {\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-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\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\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === 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\/* === 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-highlight-box {\n padding: 1.25rem;\n }\n\n .cf-highlight-box p {\n font-size: 14px;\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":53502898635129,"sku":"CE0251","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-creme-purifiant-cheveux-gras-200ml-centifolia-packshothd.webp?v=1775742474"},{"product_id":"shampooing-creme-cheveux-secs-200ml-centifolia","title":"Shampoing Crème Nutrition Cheveux Secs - 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampoing Crème Nutrition Cheveux Secs\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · Nutrition Expert · 200 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eLa nouvelle formule à l'efficacité boostée, enrichie en huile d'abricot bio et céramides-like végétaux, pour nourrir intensément les cheveux secs, rêches et indisciplinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampoing Crème Nutrition Centifolia : le soin idéal pour les cheveux secs\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux sont secs, rêches ou difficiles à discipliner ? Le \u003cstrong\u003eShampoing Crème Nutrition\u003c\/strong\u003e de Centifolia est formulé spécifiquement pour répondre à ce besoin. Enrichi en \u003cstrong\u003ehuile d'abricot bio\u003c\/strong\u003e et en actifs végétaux nourrissants, ce \u003cstrong\u003eshampoing pour cheveux secs\u003c\/strong\u003e nettoie en douceur tout en apportant nutrition et souplesse à votre fibre capillaire, dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍑 Huile d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et redonne éclat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Céramides-like\u003c\/h3\u003e\n \u003cp\u003eRenforcent la barrière lipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Souplesse immédiate\u003c\/h3\u003e\n \u003cp\u003eDès la première utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Texture crémeuse\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse et facile à rincer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux secs ont besoin de ce shampoing ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eLes cheveux secs manquent de lipides protecteurs : ils deviennent ternes, cassants et difficiles à coiffer. Pour retrouver douceur et brillance, il est essentiel de choisir un \u003cstrong\u003eshampoing pour les cheveux secs\u003c\/strong\u003e capable de nourrir en profondeur sans alourdir. C'est exactement ce que propose cette nouvelle formule à l'efficacité boostée de Centifolia, grâce à une combinaison d'ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour nourrir intensément\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍑 Huile d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine A, elle pénètre la fibre capillaire pour la nourrir de l'intérieur et lui redonner éclat et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Céramides-like d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eCes actifs biomimétiques renforcent la barrière lipidique du cheveu, le protègent des agressions extérieures et réduisent la sécheresse durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés nourrissantes et adoucissantes, il enveloppe chaque mèche d'un voile protecteur sans effet gras.\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 et apaise le cuir chevelu, tout en favorisant la souplesse des longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-section-intro\" style=\"margin-top:1.25rem;\"\u003eCette synergie d'actifs fait de ce soin l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e disponibles en cosmétique naturelle. La texture crémeuse offre une mousse onctueuse qui facilite le démêlage et laisse un parfum délicat d'abricot.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing nutrition ?\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\u003eMouiller les cheveux\u003c\/h3\u003e\n \u003cp\u003eHumidifiez vos cheveux à l'eau tiède pour ouvrir les écailles et préparer la fibre à recevoir le soin.\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\u003eAppliquer une noisette\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit au creux de la main et répartissez sur le cuir chevelu.\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\u003eMasser délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez du bout des doigts pour faire mousser, puis laissez glisser la mousse sur les longueurs.\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\u003eRincer abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Renouvelez l'application si nécessaire pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e si vos cheveux sont très secs ou abîmés, complétez votre routine avec un \u003ca title=\"Masque avant-shampoing ultra riche Nutrition Centifolia\" href=\"https:\/\/www.naturellement-bio.com\/products\/masque-richesse-extreme-nutrition-centifolia\"\u003emasque avant-shampoing ultra riche Centifolia\u003c\/a\u003e pour une nutrition en profondeur. L'association d'un \u003cstrong\u003eaprès-shampoing pour cheveux secs\u003c\/strong\u003e adapté prolongera également les bienfaits du soin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de la nature\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003ePar Ecocert Greenlife, référentiel Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eValeurs écologiques et éthiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eEt entièrement recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003cp\u003eFormule biodégradable, sans sulfate agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce shampoing ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous vous demandez \u003cstrong\u003echeveux secs, quel shampoing\u003c\/strong\u003e choisir ? Ce soin convient parfaitement aux cheveux secs, rêches et indisciplinés, qu'ils soient naturels, colorés ou fragilisés par les appareils chauffants. Sa formule douce permet un usage fréquent pour toute la famille.\u003c\/p\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eEn choisissant un \u003cstrong\u003eshampoing cheveux secs\u003c\/strong\u003e certifié bio et fabriqué en France, vous prenez soin de vos cheveux tout en respectant la planète. 🍑\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eContenance : 200 ml\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Produit cosmétique certifié bio, non destiné à traiter une pathologie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf6f1;\n --cf-white: #ffffff;\n --cf-primary: #c67a2e;\n --cf-primary-dark: #3d2b1f;\n --cf-primary-light: #fdf0e0;\n --cf-secondary: #e8973f;\n --cf-accent: #f5a623;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd0;\n --cf-shadow: 0 4px 24px rgba(61,43,31,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,43,31,.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, #3d2b1f 0%, #5c3a1e 40%, #c67a2e 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% 80%, rgba(245,166,35,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,151,63,.1) 0%, transparent 50%);\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}\n\n.cf-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 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 line-height: 1.7;\n max-width: 640px;\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}\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\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\/* === 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\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cf-testimonial-text 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.cf-tip a {\n color: var(--cf-primary);\n text-decoration: underline;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.cf-tip a:hover {\n color: var(--cf-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\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-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\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@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":53502898864505,"sku":"CE0256","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-creme-nutrition-cheveux-secs-200ml-centifolia-packshothd.webp?v=1775823966"},{"product_id":"bain-de-bouche-concentre-2en1-250ml-centifolia","title":"Bain de bouche concentré 2-en-1 Bio - 250 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🌿 99,7 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🧪 Sans alcool · Sans fluor\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✅ Approuvé par un chirurgien-dentiste\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBain de bouche concentré 2-en-1 Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — 250 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eFraîcheur durable à la menthe verte bio, douceur absolue pour les gencives sensibles. Une formule concentrée, certifiée Cosmébio, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003ebain de bouche bio sans alcool\u003c\/strong\u003e qui allie fraîcheur durable et douceur pour les gencives sensibles ? Le \u003cstrong\u003ebain de bouche concentré 2-en-1 de Centifolia\u003c\/strong\u003e a été pensé pour répondre exactement à ce besoin. Formulé avec de l'\u003cstrong\u003eextrait de menthe verte biologique\u003c\/strong\u003e, il procure une sensation de propreté immédiate tout en respectant l'équilibre fragile de votre cavité buccale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce bain de bouche bio Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans fluor, sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun arôme de synthèse. Une formule transparente et respectueuse, certifiée \u003cstrong\u003eCosmébio \/ Ecocert\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 99,7 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e20 % d'ingrédients issus de l'agriculture biologique certifiée. Une composition exemplaire et vérifiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍⚕️ Approuvé par un chirurgien-dentiste\u003c\/h3\u003e\n \u003cp\u003eConvient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e : adultes, enfants dès 6 ans et femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 100 % végan\u003c\/h3\u003e\n \u003cp\u003eGaranti sans aucun ingrédient d'origine animale. Un soin éthique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn format concentré 2-en-1 pratique et économique\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLe flacon de 250 ml cache en réalité une durée d'utilisation bien supérieure à un bain de bouche classique, grâce à sa \u003cstrong\u003eformule concentrée\u003c\/strong\u003e. Choisissez votre mode d'emploi selon vos besoins :\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\u003eVersion diluée — usage quotidien\u003c\/h3\u003e\n \u003cp\u003eVersez une dose dans le bouchon doseur, complétez avec de l'eau et effectuez un bain de bouche de 30 secondes. Idéal pour un usage prolongé et économique.\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\u003eVersion pure — action renforcée\u003c\/h3\u003e\n \u003cp\u003eUtilisez directement une petite quantité pour une \u003cstrong\u003eaction renforcée\u003c\/strong\u003e sur les gencives irritées ou après un brossage approfondi.\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\u003eRecrachez après utilisation\u003c\/h3\u003e\n \u003cp\u003eDans les deux cas, recrachez le produit. Ce format ingénieux réduit les emballages et le gaspillage : un vrai geste éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre hygiène bucco-dentaire\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌬️ Haleine fraîche longue durée\u003c\/h3\u003e\n \u003cp\u003eL'extrait de menthe verte bio neutralise efficacement les mauvaises odeurs, sans sensation de brûlure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protection des gencives sensibles\u003c\/h3\u003e\n \u003cp\u003eLa formule sans alcool évite toute agression, apaise et aide à maintenir des gencives saines au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Élimination des impuretés\u003c\/h3\u003e\n \u003cp\u003eComplète l'action du brossage en atteignant les zones difficiles d'accès, contribuant à lutter contre la plaque dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Respect de la flore buccale\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient agressif ne vient perturber l'équilibre naturel de votre bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\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, Glycerin, Mentha Viridis Leaf Extract*, Xylitol, Potassium Sorbate, Sodium Benzoate, Citric Acid, Mentha Piperita Oil, Menthol, Limonene.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;font-size:13px;color:var(--cf-text-light);font-style:normal;\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eUtilisez ce bain de bouche bio \u003cstrong\u003eaprès chaque brossage\u003c\/strong\u003e, matin et soir, pour des résultats optimaux. Si vous recherchez une alternative naturelle aux produits contenant de la propolis bio ou de l'aloe vera bio, cette formule à la menthe verte offre une option douce et rafraîchissante, particulièrement adaptée aux personnes sensibles aux compositions trop chargées.\u003c\/p\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. \u003cstrong\u003eFabrication française.\u003c\/strong\u003e\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⚠️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe bain de bouche ne remplace pas le brossage des dents ni un suivi régulier chez votre dentiste. En cas de problème gingival persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \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🌿 Offrez à votre bouche le meilleur de la nature : fraîcheur, douceur et protection au quotidien avec Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eComplément d'hygiène bucco-dentaire. Ne se substitue pas à un brossage régulier ni à un suivi dentaire professionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f9f5;\n --cf-white: #ffffff;\n --cf-primary: #4ba84b;\n --cf-primary-dark: #2d6e2d;\n --cf-primary-light: #e8f5e8;\n --cf-secondary: #7cc47c;\n --cf-accent: #e83e6c;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dce8dc;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6e2d 0%, #4ba84b 50%, #7cc47c 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% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.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(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,.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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-text);\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 p strong {\n color: var(--cf-text);\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\/* === 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.cf-timeline-content p strong {\n color: var(--cf-text);\n}\n\n\/* === TESTIMONIAL (used for INCI) === *\/\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.5vw, 16px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\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.cf-accordion-content p strong {\n color: var(--cf-text);\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\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-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-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\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":53502898897273,"sku":"CE0565","price":7.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bain-de-bouche-concentre-2-en-1-bio-250-ml-centifolia-packshothd.webp?v=1775897154"},{"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":"brume-fixante-volume-200ml-centifolia","title":"Brume Fixante \u0026 Volume - 200ml - Centifolia","description":"\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🏆 Meilleur Produit Bio 2023\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eBrume Fixante \u0026amp; Volume\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eCentifolia — Gamme Volume Absolu — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eLa laque bio au pamplemousse rose qui fixe votre coiffure avec légèreté, booste le volume et laisse vos cheveux souples et brillants toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBrume Fixante \u0026amp; Volume Centifolia : la laque naturelle qui fixe sans alourdir\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eVous rêvez d'une coiffure qui tient toute la journée sans cet effet cartonné ou collant des laques classiques ?\u003c\/p\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🏆 Élue meilleur produit bio 2023\u003c\/h3\u003e\n \u003cp\u003ePar un jury de 100 consommateurs bio exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp\u003eParfum frais et délicat, légèreté incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌬️ Fixation sans alourdir\u003c\/h3\u003e\n \u003cp\u003eBooste le volume tout en gardant souplesse et mouvement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eCertifiée COSMOS ORGANIC, vegan, fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003ePourquoi cette brume fixante bio est différente ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003e\"Contrairement aux laques conventionnelles bourrées de gaz propulseurs et de silicones, cette brume Centifolia repose sur une formule composée à 99 % d'ingrédients d'origine naturelle. Sa texture ultra-fine, diffusée grâce à une pompe effet brume, se répartit uniformément sur la chevelure sans jamais la graisser ni la raidir.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💨 Mouvement naturel\u003c\/h3\u003e\n \u003cp\u003eVos cheveux gardent leur souplesse et leur brillance tout en restant parfaitement en place\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormule biodégradable, flacon 100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux cheveux colorés et aux enfants dès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eDes actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eOrigine France\u003c\/p\u003e\n \u003cp\u003eCet extrait d'agrume apporte fraîcheur et légèreté à la chevelure. Il aide à purifier les racines et laisse un délicat parfum fruité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Peptides de pois fermentés\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eActif volumateur\u003c\/p\u003e\n \u003cp\u003eVéritables alliés des cheveux fins, ils épaississent la fibre capillaire, amplifient le volume et offrent une protection antioxydante contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Polymère naturel végétal\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eFixation longue durée\u003c\/p\u003e\n \u003cp\u003eIl assure une fixation longue durée, protège de la chaleur (sèche-cheveux, fer à lisser), résiste à l'humidité et exerce un effet anti-frisottis remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eHydratation \u0026amp; souplesse\u003c\/p\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il préserve la souplesse du cheveu et évite l'effet desséchant souvent reproché aux laques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser la brume fixante Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eSon utilisation est simple et s'adapte à toutes vos envies de coiffure :\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eVaporisez à environ 20 cm de la chevelure pour fixer votre coiffure terminée, plaquer les baby hair ou maintenir un brushing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAppliquez avant le séchage pour apporter du soutien en racine et amplifier le volume dès la base.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003ePour les boucles\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les longueurs pour aider à la tenue des boucles et limiter les frisottis 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=\"bf-tip\"\u003e\n \u003cspan class=\"bf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une routine capillaire complète, associez cette brume aux autres soins de la \u003cstrong\u003egamme Volume Absolu Centifolia\u003c\/strong\u003e (shampooing, après-shampooing, masque).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLes engagements de ce produit\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-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=\"bf-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=\"bf-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=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans substances nocives\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans gaz propulseur, sans sulfate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003e100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-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!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette laque bio ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003eCette brume fixante est idéale si vous cherchez une \u003cstrong\u003elaque naturelle\u003c\/strong\u003e qui respecte vos cheveux et la planète. Elle conviendra particulièrement aux personnes ayant les cheveux fins en quête de volume, mais aussi à celles qui souhaitent simplement fixer leur coiffure sans compromis sur la composition. Son format spray 200 ml est pratique au quotidien et offre une utilisation généreuse sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit capillaire ne remplace pas un soin traitant en cas de problème spécifique du cuir chevelu. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bf-cream: #faf6f2;\n --bf-white: #ffffff;\n --bf-primary: #c75a3a;\n --bf-primary-dark: #6b2d1a;\n --bf-primary-light: #fdeee8;\n --bf-secondary: #e8946b;\n --bf-accent: #d4a857;\n --bf-text: #1a1a1a;\n --bf-text-light: #5a5a5a;\n --bf-border: #e8ddd5;\n --bf-shadow: 0 4px 24px rgba(107, 45, 26, .08);\n --bf-shadow-lg: 0 12px 48px rgba(107, 45, 26, .15);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2d1a 0%, #c75a3a 50%, #e8946b 100%);\n border-radius: var(--bf-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(--bf-shadow-lg);\n}\n\n.bf-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(232, 148, 107, .1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-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(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bf-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.bf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bf-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\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-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.bf-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(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD ORIGIN === *\/\n.bf-card-ingredient .bf-card-origin {\n display: inline-block;\n background: var(--bf-primary-light);\n color: var(--bf-primary);\n font-size: 11px;\n font-weight: 700;\n padding: 3px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-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.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bf-testimonial {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bf-shadow);\n border-left: 4px solid var(--bf-primary);\n}\n\n.bf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bf-primary-light);\n border-radius: var(--bf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bf-tip p {\n font-size: 14px;\n color: var(--bf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-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.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-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 .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-testimonial {\n padding: 1.25rem;\n }\n\n .bf-testimonial-text {\n font-size: 14px;\n }\n\n .bf-tip {\n padding: .875rem 1rem;\n }\n\n .bf-tip-icon {\n font-size: 20px;\n }\n\n .bf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bfFadeInUp {\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 .bf-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":53502899126649,"sku":"CE0454","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brume-fixante-volume-200ml-centifolia-packshothd.webp?v=1775832752"},{"product_id":"baume-demelant-brillance-apres-shampooing-200ml-centifolia","title":"Baume Démêlant Brillance Apres-Shampoing - 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🍇 Framboise bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Démêlant Brillance Après-Shampooing\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn après-shampoing bio à la framboise et à la kératine végétale pour des cheveux brillants, démêlés et sublimés dès la première utilisation. Tous types de cheveux — 200 ml.\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\u003eBaume démêlant brillance Centifolia : l'après-shampoing bio à la framboise\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur après-shampoing démêlant\u003c\/strong\u003e capable d'illuminer votre chevelure sans l'alourdir ? Le \u003cstrong\u003eBaume Démêlant Brillance de Centifolia\u003c\/strong\u003e combine extrait de framboise bio et kératine végétale pour transformer votre routine capillaire. Certifié bio, vegan et fabriqué en France, ce soin après-shampoing offre un démêlage sans effort et une brillance visible dès la première utilisation, quel que soit votre type de cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour des cheveux sublimés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe qui distingue ce baume démêlant, c'est la synergie de ses ingrédients soigneusement sélectionnés. Composé à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, il nourrit et protège la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eGorgé d'antioxydants et de vitamine E, il ravive l'éclat naturel de vos cheveux et leur apporte une brillance soyeuse. La framboise aide également à protéger la fibre capillaire contre les agressions extérieures (pollution, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle renforce la structure interne du cheveu en comblant les zones fragilisées. Vos cheveux retrouvent souplesse, résistance et un toucher doux incomparable. L'ingrédient clé pour limiter la casse au démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il nourrit les longueurs tout en calmant les cuirs chevelus sensibles ou irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn après-shampoing brillance adapté à tous les cheveux\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eQue vous ayez les cheveux fins, épais, lisses, ondulés ou \u003cstrong\u003ebouclés\u003c\/strong\u003e, ce baume s'adapte. Sa texture légère et fondante enveloppe chaque mèche sans laisser de résidu gras ni alourdir la chevelure.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eRetrouvent volume et légèreté sans être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💪 Cheveux épais\u003c\/h3\u003e\n \u003cp\u003eDémêlage facilité et douceur longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e〰️ Cheveux ondulés\u003c\/h3\u003e\n \u003cp\u003eBoucles définies, souples et éclatantes de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\/frisés\u003c\/h3\u003e\n \u003cp\u003eDiscipline les boucles et réduit les frisottis naturellement.\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\u003eSi vous avez déjà envisagé de préparer un \u003cstrong\u003eaprès-shampoing démêlant maison\u003c\/strong\u003e, ce baume vous offre la même philosophie naturelle — sans les contraintes de fabrication. Vous bénéficiez d'une formule élaborée par des experts en cosméto-botanique, stable et efficace à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume démêlant ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ces étapes simples :\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\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour retirer l'excès d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le baume\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de baume sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e, en évitant les racines.\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\u003eDémêlez en douceur\u003c\/h3\u003e\n \u003cp\u003eDémêlez délicatement avec les doigts ou un peigne à dents larges.\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\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'état de vos cheveux pour une action en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler toute la brillance.\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 résultat encore plus lumineux, terminez par un rinçage à l'eau froide. Cela resserre les écailles du cheveu et amplifie la brillance.\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\u003eDes engagements éthiques forts\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia ne fait aucun compromis sur la qualité ni sur l'éthique. Ce \u003cstrong\u003ebaume démêlant après-shampoing\u003c\/strong\u003e répond à des exigences strictes :\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003ePar un organisme indépendant reconnu.\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🐾 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n \u003cp\u003eImpact environnemental réduit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et qualité française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Éco-packaging\u003c\/h3\u003e\n \u003cp\u003eCapsule réduite pour limiter le plastique.\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\u003eListe complète des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Glycerin, Rubus Idaeus (Raspberry) Fruit Extract*, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Wheat Protein, Tocopherol, Hydrogenated Vegetable Oil, Parfum, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid, Potassium Sorbate, Sodium Benzoate, CI 77491. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📏 Contenance \u0026amp; utilisation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 200 ml — Convient à un usage quotidien ou régulier pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🍓 Offrez à vos cheveux l'éclat naturel qu'ils méritent — brillance, douceur et démêlage sans effort avec la puissance de la framboise bio et de la kératine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f8;\n --cf-white: #ffffff;\n --cf-primary: #c4285b;\n --cf-primary-dark: #4a1a2e;\n --cf-primary-light: #fce8ef;\n --cf-secondary: #e84980;\n --cf-accent: #d63668;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d6de;\n --cf-shadow: 0 4px 24px rgba(74, 26, 46, .08);\n --cf-shadow-lg: 0 12px 48px rgba(196, 40, 91, .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, var(--cf-primary-dark) 0%, #6b2040 40%, var(--cf-primary) 80%, var(--cf-secondary) 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(232, 73, 128, .12) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.05) 0%, transparent 30%);\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(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 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: 640px;\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.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\/* === 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\/* === ACCORDION === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\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-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\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":53502899224953,"sku":"CE0272","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-demelant-brillance-apres-shampoing-200-ml-centifolia-packshothd.webp?v=1775836539"},{"product_id":"baume-demelant-reparateur-apres-shampooing-200ml-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing Bio - 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é COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🧴 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Démêlant Réparateur Après-Shampoing Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003e200 ml — Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eEnrichi en huile de ricin bio et kératine végétale, il répare la fibre capillaire dès la 1ère application tout en offrant un démêlage sans effort.\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\u003eBaume démêlant réparateur : le soin après-shampoing des cheveux fragilisés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux sont cassants, ternes ou difficiles à coiffer après le lavage ? Le \u003cstrong\u003ebaume démêlant réparateur après-shampoing bio\u003c\/strong\u003e de Centifolia a été formulé spécifiquement pour vous. Enrichi en \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e et en \u003cstrong\u003ekératine végétale\u003c\/strong\u003e, ce soin capillaire répare la fibre dès la première application tout en facilitant un démêlage tout en douceur. Si vous cherchez le \u003cstrong\u003emeilleur après-shampoing démêlant\u003c\/strong\u003e alliant efficacité et naturalité, cette formule certifiée COSMOS Organic mérite toute votre attention.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet après-shampoing réparateur ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Réparation visible dès la 1ère utilisation\u003c\/h3\u003e\n \u003cp\u003eLa kératine végétale comble les brèches de la fibre capillaire abîmée, tandis que l'huile de ricin bio, pressée à froid, renforce et nourrit en profondeur. Résultat : des cheveux plus résistants, moins de casse au brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆 Démêlage sans effort\u003c\/h3\u003e\n \u003cp\u003eSa texture fondante enrobe chaque mèche sans alourdir. Même les cheveux bouclés, épais ou très emmêlés se démêlent facilement du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Nutrition et douceur longue durée\u003c\/h3\u003e\n \u003cp\u003eLes huiles de jojoba et de coco, associées aux protéines d'amande douce, apportent une hydratation profonde qui dure toute la journée. Vos cheveux restent souples, brillants et agréables au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e27,9 % issus de l'agriculture biologique : une formule propre, sans silicone, sans sulfate, respectueuse de votre cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique complet\u003c\/h3\u003e\n \u003cp\u003eProduit vegan, cruelty-free, fabriqué en France, avec un tube contenant 30 % de plastique recyclé et une capsule réduite pour moins de déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels ciblés pour les cheveux cassants\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003ebaume après-shampoing démêlant\u003c\/strong\u003e des autres soins du marché, c'est la synergie de ses actifs.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis des générations pour favoriser la résistance et la vitalité des cheveux, elle renforce la fibre en profondeur et stimule la brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eUn véritable bouclier protecteur qui lisse les écailles et limite les dommages causés par la chaleur, la pollution ou les colorations répétées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eComplètent l'action réparatrice en apportant souplesse et élasticité à la chevelure, pour des cheveux visiblement plus sains.\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 baume démêlant ?\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\u003eLavez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez un shampoing doux, idéalement le \u003cstrong\u003eshampoing réparateur Centifolia\u003c\/strong\u003e de la même gamme, puis essorez légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le baume\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur les \u003cstrong\u003elongueurs et pointes humides\u003c\/strong\u003e. Répartissez délicatement en démêlant avec vos doigts ou un peigne à dents larges.\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\u003eLaissez poser 2 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePuis rincez abondamment à l'eau tiède. Ce soin convient à tous les types de cheveux : lisses, bouclés, colorés ou naturels.\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 les cheveux très abîmés, vous pouvez allonger légèrement le temps de pose ou l'utiliser en complément d'un masque réparateur une fois par semaine.\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\u003eListe complète des ingrédients (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📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Ricinus Communis Seed Oil*, Cocos Nucifera Oil*, Simmondsia Chinensis Seed Oil*, Hydrolyzed Wheat Protein, Prunus Amygdalus Dulcis Protein, Glycerin, Tocopherol, Parfum, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 (DERNIÈRE) --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ebaume démêlant réparateur Centifolia\u003c\/strong\u003e représente une alternative naturelle et efficace aux après-shampoings conventionnels chargés en silicones. Si vous recherchez un \u003cstrong\u003eaprès-shampoing réparateur\u003c\/strong\u003e qui démêle, nourrit et protège sans compromettre vos engagements écologiques, ce soin bio fabriqué en France cochera toutes les cases. Vos cheveux méritent le meilleur de la nature : offrez-leur ce soin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f0;\n --cf-white: #ffffff;\n --cf-primary: #8b2e2e;\n --cf-primary-dark: #5a1a1a;\n --cf-primary-light: #f5e6e6;\n --cf-secondary: #c0392b;\n --cf-accent: #d4443b;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd3;\n --cf-shadow: 0 4px 24px rgba(90,26,26,.08);\n --cf-shadow-lg: 0 12px 48px rgba(90,26,26,.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, #3d1010 0%, #6b2020 40%, #8b2e2e 70%, #a03535 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(212,68,59,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\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,.8);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 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 line-height: 1.7;\n max-width: 640px;\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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\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\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\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.cf-timeline-content p strong {\n color: var(--cf-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === 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.cf-accordion-content strong {\n color: var(--cf-text);\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-cta-box p strong {\n color: #ffd5d2;\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-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\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 .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .25s; }\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":53502899257721,"sku":"CE0449","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-demelant-reparateur-apres-shampoing-bio-200ml-centifol-packshothd.webp?v=1775836627"},{"product_id":"2en1-shampooing-demelant-violet-dejaunisseur-cheveux-gris-blancs-et-blonds-200ml-centifolia","title":"Shampoing 2en1 Démêlant \u0026 Déjaunisseur - Cheveux Gris Blancs Blonds 200ml - Centifolia","description":"\u003cdiv class=\"sv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🫐 Pigments 100 % naturels\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Certifié bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eShampoing 2en1 Démêlant \u0026amp; Déjaunisseur Violet\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eCentifolia — Lumière Intense\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux gris, blancs et blonds grâce à la puissance des pigments violets et bleus d'origine végétale. Un soin 2en1 bio qui lave, démêle et sublime en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eUn shampoing déjaunisseur bio 2en1 pour sublimer cheveux gris, blancs et blonds\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eVos cheveux blancs tirent vers le jaune ? Vos mèches blondes perdent leur éclat à cause de reflets orangés ? Le \u003cstrong\u003eshampoing 2en1 démêlant et déjaunisseur violet\u003c\/strong\u003e de Centifolia a été pensé exactement pour vous.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert, 99 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💇 Validé par des pros\u003c\/h3\u003e\n \u003cp\u003eTesté et approuvé par des coiffeurs professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧴 2en1 pratique\u003c\/h3\u003e\n \u003cp\u003eNettoyage doux, démêlage et déjaunissage en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Résultat immédiat\u003c\/h3\u003e\n \u003cp\u003eNeutralise les reflets jaunes et orangés dès la première utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment ce shampoing déjaunisseur agit-il sur vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe principe est simple mais redoutablement efficace. Sur le cercle chromatique, le violet est la couleur complémentaire du jaune : il le neutralise naturellement. Ce \u003cstrong\u003eshampoing pour cheveux blancs\u003c\/strong\u003e et blonds exploite cette propriété grâce à deux types de pigments 100 % naturels :\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍠 Pigments violets de patate douce\u003c\/h3\u003e\n \u003cp\u003eIls ciblent et annulent les \u003cstrong\u003ereflets jaunes ternes\u003c\/strong\u003e qui ternissent vos cheveux gris ou blancs. Action ciblée et visible dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Pigments bleus du jasmin du Cap\u003c\/h3\u003e\n \u003cp\u003eIls agissent spécifiquement sur les \u003cstrong\u003ereflets orangés\u003c\/strong\u003e, fréquents sur les cheveux blonds décolorés ou méchés. Résultat : des tons froids et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💎 Résultat visible\u003c\/h3\u003e\n \u003cp\u003eUne chevelure visiblement plus \u003cstrong\u003elumineuse\u003c\/strong\u003e, aux reflets froids et argentés, dès la première utilisation. Éclat sublimé lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eUn shampoing pour cheveux gris qui fait aussi office de démêlant\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003eshampoing colorant pour cheveux blancs\u003c\/strong\u003e des autres déjaunisseurs, c'est sa double action. Au-delà de la neutralisation des reflets, il facilite le démêlage pour des cheveux souples et faciles à coiffer.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eLes protéines hydrolysées gainement la fibre capillaire, facilitent le démêlage et apportent douceur et souplesse à vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌱 Gomme de guar\u003c\/h3\u003e\n \u003cp\u003eAgent démêlant naturel qui lisse la cuticule du cheveu, réduit les nœuds et les frisottis sans alourdir ni graisser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e⏱️ Gain de temps\u003c\/h3\u003e\n \u003cp\u003ePlus besoin d'après-shampoing supplémentaire ! Idéal pour les cheveux fins ou fragilisés, souvent le cas des \u003cstrong\u003echeveux gris et blancs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eDes actifs bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫐 Extrait de myrtille bio française\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il \u003cstrong\u003eprotège et apaise le cuir chevelu\u003c\/strong\u003e tout en hydratant la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌿 Jus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus \u003cstrong\u003ehydratantes et adoucissantes\u003c\/strong\u003e, il nourrit le cheveu sans l'alourdir et renforce sa brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧼 Base lavante sans sulfates\u003c\/h3\u003e\n \u003cp\u003eFormulée avec des tensioactifs doux d'origine végétale (lauryl glucoside, decyl glucoside), elle nettoie \u003cstrong\u003een douceur sans agresser\u003c\/strong\u003e ni dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eFormule contenant \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCOSMOS Organic par Ecocert\u003c\/strong\u003e, vegan et parfumée exclusivement avec des arômes naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de shampoing déjaunisseur sur cheveux mouillés. Utilisez-le \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en complément de votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez et laissez poser\u003c\/h3\u003e\n \u003cp\u003eMassez le cuir chevelu et les longueurs, puis laissez poser \u003cstrong\u003e1 à 3 minutes\u003c\/strong\u003e selon l'intensité souhaitée. Plus vous laissez agir, plus l'effet déjaunissant sera marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Admirez le résultat : des cheveux lumineux, démêlés et sans reflets jaunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une action renforcée, complétez votre routine avec le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/masque-ultra-violet-dejaunisseur-250ml-centifolia\" title=\"Masque Ultra Violet Déjaunisseur Centifolia\"\u003eMasque Ultra Violet Déjaunisseur Centifolia\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sv-accordion\"\u003e\n \u003cdetails class=\"sv-accordion-item\" open\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Lauryl Glucoside, Glycerin, Caprylyl\/Capryl Glucoside, Decyl Glucoside, Disodium Cocoyl Glutamate, Lactic Acid, Cocamidopropyl Betaine, Acacia Senegal Gum, Ipomoea Batatas Tuber Extract, Hydrolyzed Sweet Almond Protein, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Gardenia Florida Extract, Vaccinium Myrtillus Fruit Extract*, Sodium Cocoyl Glutamate, Guar Hydroxypropyltrimonium Chloride, Maltodextrin, Sodium Benzoate, Citric Acid, Parfum. \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!-- H2 #7 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eEngagements éco-responsables\u003c\/h2\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eEmballage en plastique recyclé pour limiter l'impact environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e⚫ Sans noir de carbone\u003c\/h3\u003e\n \u003cp\u003eBouchon conçu sans noir de carbone pour faciliter le recyclage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🚫 Opercule supprimé\u003c\/h3\u003e\n \u003cp\u003eMoins de déchets plastiques grâce à la suppression de l'opercule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec des ingrédients soigneusement sourcés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sv-accordion\"\u003e\n \u003cdetails class=\"sv-accordion-item\"\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e⚠️ Précautions et avertissements\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de contact, rincez abondamment. Conservez hors de portée des enfants. Ce produit ne se substitue 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003e🫐 Offrez à vos cheveux gris, blancs ou blonds l'éclat qu'ils méritent.\u003cbr\u003eUn shampoing bio 2en1 qui neutralise, démêle et sublime — validé par des professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sv-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #f5f3f0;\n --sv-white: #ffffff;\n --sv-primary: #4a3a8a;\n --sv-primary-dark: #2e1f5e;\n --sv-primary-light: #ede8f5;\n --sv-secondary: #6b5bb5;\n --sv-accent: #3d6ab5;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e0dde6;\n --sv-shadow: 0 4px 24px rgba(74,58,138,.08);\n --sv-shadow-lg: 0 12px 48px rgba(74,58,138,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #2e1f5e 0%, #4a3a8a 40%, #3d6ab5 100%);\n border-radius: var(--sv-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(--sv-shadow-lg);\n}\n\n.sv-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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(107,91,181,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(61,106,181,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-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(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sv-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.sv-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sv-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\/* === SECTIONS === *\/\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-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.sv-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(--sv-primary), var(--sv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-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.sv-section-intro strong {\n color: var(--sv-primary-dark);\n}\n\n\/* === CARDS === *\/\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-card p strong {\n color: var(--sv-text);\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-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.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sv-timeline-content p strong {\n color: var(--sv-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n box-shadow: var(--sv-shadow);\n overflow: hidden;\n}\n\n.sv-accordion-item {\n border-bottom: 1px solid var(--sv-border);\n margin: 0;\n padding: 0;\n}\n\n.sv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sv-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.sv-accordion-header:hover {\n background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sv-primary);\n transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n content: '−';\n}\n\n.sv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-tip p strong {\n color: var(--sv-primary-dark);\n}\n\n.sv-tip a {\n color: var(--sv-primary);\n text-decoration: underline;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.sv-tip a:hover {\n color: var(--sv-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-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.sv-disclaimer {\n font-size: 12px;\n color: var(--sv-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 .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\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 .sv-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":53502899323257,"sku":"CE0560","price":9.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-2en1-demelant-dejaunisseur-cheveux-gris-blancs-blo-packshothd.webp?v=1775898047"},{"product_id":"contour-des-yeux-eclat-de-rose-centifolia","title":"Contour des Yeux Éclat de Rose : Anti Poches et Cernes - Centifolia","description":"\u003cdiv class=\"edr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"edr-hero\"\u003e\n \u003cdiv class=\"edr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"edr-hero-content\"\u003e\n \u003cdiv class=\"edr-badges-top\"\u003e\n \u003cspan class=\"edr-badge\"\u003e🌹 Rose Centifolia bio\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🧊 Embout zamac ultra-froid\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🧬 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"edr-hero-title\"\u003eContour des Yeux Éclat de Rose\u003c\/span\u003e\n \u003cp class=\"edr-subtitle\"\u003eAnti-poches \u0026amp; anti-cernes certifié bio — Centifolia\u003c\/p\u003e\n \u003cp class=\"edr-description\"\u003eRose Centifolia · Acide hyaluronique · Vitamine C — Un regard frais, lumineux et défatigué dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eUn regard frais et lumineux grâce à la Rose Centifolia\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eCernes marquées, poches au réveil, regard fatigué… La zone du contour des yeux est la plus fine et la plus fragile du visage. Elle mérite un soin ciblé, doux et vraiment efficace.\u003c\/p\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eUn soin bio qui hydrate en profondeur la peau délicate du contour de l'œil pour un regard repulpé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌸 Éclat naturel\u003c\/h3\u003e\n \u003cp\u003eLa Rose Centifolia redonne luminosité et fraîcheur à votre regard, même fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e👁️ Anti-cernes efficace\u003c\/h3\u003e\n \u003cp\u003eTrois actifs naturels puissants agissent en synergie pour atténuer visiblement les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🧊 Anti-poches immédiat\u003c\/h3\u003e\n \u003cp\u003eL'embout zamac ultra-froid décongestionne les poches dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez le \u003cstrong\u003emeilleur contour des yeux anti-poches anti-cernes\u003c\/strong\u003e d'origine naturelle, ce soin à la rose, à l'acide hyaluronique et à la vitamine C mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eTrois actifs naturels au service de votre regard\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003eL'efficacité de cette crème contour des yeux anti-cernes repose sur une synergie de trois ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"edr-grid\"\u003e\n \u003cdiv class=\"edr-card edr-card-ingredient\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia biologique\u003c\/h3\u003e\n \u003cp\u003eCueillie à la main à l'aube, au moment où sa concentration en principes actifs est maximale. \u003cstrong\u003eÉclaircissante, hydratante et apaisante\u003c\/strong\u003e, elle ravive la luminosité du contour de l'œil et atténue visiblement les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card edr-card-ingredient\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique naturel\u003c\/h3\u003e\n \u003cp\u003eCapable de retenir jusqu'à \u003cstrong\u003e1000 fois son poids en eau\u003c\/strong\u003e, il repulpe la peau fine du contour des yeux, comble les premières ridules et maintient une hydratation longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card edr-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine C (glucoside)\u003c\/h3\u003e\n \u003cp\u003eAntioxydant reconnu, elle \u003cstrong\u003eprotège des radicaux libres\u003c\/strong\u003e liés au soleil, à la pollution et au stress, tout en unifiant le teint pour un regard plus reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e🌾\u003c\/span\u003e\n \u003cp\u003eLa formule est également enrichie en \u003cstrong\u003eextrait de graine de blé noir\u003c\/strong\u003e, un actif aux propriétés décongestionnantes qui cible spécifiquement les poches sous les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eUn embout zamac ultra-froid pour un effet décongestionnant immédiat\u003c\/h2\u003e\n \u003cdiv class=\"edr-highlight-box\"\u003e\n \u003cp\u003eCe qui distingue ce soin de nombreuses alternatives, c'est son \u003cstrong\u003eembout en zamac\u003c\/strong\u003e. Ce métal naturellement froid procure un \u003cstrong\u003eeffet glaçon\u003c\/strong\u003e dès le contact avec la peau, aidant à décongestionner les poches et à stimuler la microcirculation.\u003c\/p\u003e\n \u003cp\u003eLe résultat est visible dès la première application : \u003cstrong\u003ele regard paraît immédiatement défatigué et plus lumineux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🧊 Effet glaçon\u003c\/h3\u003e\n \u003cp\u003eFraîcheur instantanée au contact de la peau délicate du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🔄 Microcirculation\u003c\/h3\u003e\n \u003cp\u003eStimule le flux sanguin pour atténuer les cernes bleutées et les poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e💆 Massage drainant\u003c\/h3\u003e\n \u003cp\u003eL'embout métallique facilite les gestes de drainage pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e⚡ Résultat immédiat\u003c\/h3\u003e\n \u003cp\u003eRegard défatigué et lumineux visible dès la toute première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComment bien appliquer votre contour des yeux ?\u003c\/h2\u003e\n \u003cp class=\"edr-section-intro\"\u003ePour des résultats optimaux, appliquez ce soin \u003cstrong\u003ematin et soir\u003c\/strong\u003e en suivant ces étapes simples.\u003c\/p\u003e\n \u003cdiv class=\"edr-timeline\"\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eDéposez le produit\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité de soin sur le contour de l'œil, de l'arcade au pommette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003ePressions drainantes\u003c\/h3\u003e\n \u003cp\u003eEffectuez des pressions drainantes du coin interne vers le coin externe à l'aide de l'embout zamac ou du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eDécongestion à froid\u003c\/h3\u003e\n \u003cp\u003eExercez des pressions décongestionnantes dans le même sens avec l'embout froid pour maximiser l'effet anti-poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-item\"\u003e\n \u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"edr-timeline-content\"\u003e\n \u003ch3\u003eMouvement circulaire\u003c\/h3\u003e\n \u003cp\u003eTerminez par un mouvement circulaire relaxant jusqu'aux tempes pour favoriser le drainage naturel de la zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-tip\"\u003e\n \u003cspan class=\"edr-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCe rituel simple de quelques secondes optimise l'absorption des actifs et favorise le drainage naturel de la zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"edr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"edr-accordion\"\u003e\n \u003cdetails class=\"edr-accordion-item\" open\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🧴 Base hydratante et émolliente\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eEau, huile de tournesol, émulsifiant naturel (dérivé de noix de coco), glycérine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🌹 Extraits botaniques biologiques\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eJus d'aloe vera en poudre*, extrait de fleur de Rose Centifolia*, extrait de pomme*, extrait de framboise*, extrait de feuille de pêche*.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🧬 Actifs ciblés\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eExtrait d'algue verte, extrait de graine de blé noir, acide hyaluronique d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"edr-accordion-item\"\u003e\n \u003csummary class=\"edr-accordion-header\"\u003e🔬 Agents fonctionnels\u003c\/summary\u003e\n \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n \u003cp\u003eCire de carnauba*, vitamine C (glucoside), épaississant naturel (xanthane). Conservateurs doux (alcool d'origine végétale**, tocophérol), pigments naturels (mica, oxyde de fer CI 77491).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"edr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. **Transformé à partir d'ingrédients biologiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"edr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n \u003cdiv class=\"edr-grid-compact\"\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle pour respecter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🌱 25,8% bio\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e✅ COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié bio selon le référentiel le plus exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🚫 Sans polluants\u003c\/h3\u003e\n \u003cp\u003eSans phtalates ni bisphénol A pour votre sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"edr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre regard la douceur de la Rose Centifolia — \u003cstrong\u003e15 ml\u003c\/strong\u003e de soin certifié bio, anti-poches et anti-cernes, pour un résultat visible dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"edr-disclaimer\"\u003eCe soin cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant autour des yeux, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --edr-cream: #fdf8f6;\n --edr-white: #ffffff;\n --edr-primary: #d4899a;\n --edr-primary-dark: #9e4a5e;\n --edr-primary-light: #fceef2;\n --edr-secondary: #e8b4c0;\n --edr-accent: #c96b82;\n --edr-text: #1a1a1a;\n --edr-text-light: #5a5a5a;\n --edr-border: #f0e0e5;\n --edr-shadow: 0 4px 24px rgba(158, 74, 94, .08);\n --edr-shadow-lg: 0 12px 48px rgba(158, 74, 94, .15);\n --edr-radius: 20px;\n --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--edr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.edr-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.edr-hero {\n position: relative;\n background: linear-gradient(135deg, #f7d6df 0%, #d4899a 45%, #9e4a5e 100%);\n border-radius: var(--edr-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(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.1) 2px, transparent 2px),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.08) 1.5px, transparent 1.5px),\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.12) 1px, transparent 1px);\n background-size: 120px 120px, 180px 180px, 90px 90px, 150px 150px;\n opacity: .6;\n}\n\n.edr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.edr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.edr-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(--edr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.edr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.edr-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.edr-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 21px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.edr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.7;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.edr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--edr-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.edr-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(--edr-primary), var(--edr-secondary));\n border-radius: 2px;\n}\n\n.edr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--edr-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.edr-card {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--edr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.edr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--edr-shadow-lg);\n border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--edr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.edr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.edr-card-ingredient {\n text-align: left;\n}\n\n.edr-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.edr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.edr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.edr-highlight-box {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--edr-shadow);\n border-left: 4px solid var(--edr-primary);\n margin-bottom: 1.5rem;\n}\n\n.edr-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--edr-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.edr-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.edr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.edr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.edr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--edr-primary), var(--edr-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.edr-timeline-content {\n flex: 1;\n background: var(--edr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--edr-radius-sm);\n box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--edr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n font-size: 14px;\n color: var(--edr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.edr-accordion {\n background: var(--edr-white);\n border-radius: var(--edr-radius);\n box-shadow: var(--edr-shadow);\n overflow: hidden;\n}\n\n.edr-accordion-item {\n border-bottom: 1px solid var(--edr-border);\n margin: 0;\n padding: 0;\n}\n\n.edr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.edr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--edr-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.edr-accordion-header:hover {\n background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.edr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--edr-primary);\n transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n content: '−';\n}\n\n.edr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--edr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.edr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.edr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--edr-primary-light);\n border-radius: var(--edr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.edr-tip p {\n font-size: 14px;\n color: var(--edr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.edr-cta-box {\n background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n border-radius: var(--edr-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.edr-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.edr-disclaimer {\n font-size: 12px;\n color: var(--edr-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 .edr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .edr-card {\n padding: 1.125rem;\n }\n\n .edr-card-ingredient {\n text-align: center;\n }\n\n .edr-card-ingredient h3 {\n text-align: center;\n }\n\n .edr-section {\n margin-bottom: 1.75rem;\n }\n\n .edr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--edr-radius-sm);\n }\n\n .edr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .edr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .edr-grid-compact {\n gap: .625rem;\n }\n\n .edr-grid-compact .edr-card {\n padding: .75rem;\n }\n\n .edr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .edr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .edr-timeline-content h3 {\n font-size: 14px;\n }\n\n .edr-timeline-content p {\n font-size: 13px;\n }\n\n .edr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .edr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .edr-highlight-box {\n padding: 1.25rem;\n }\n\n .edr-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .edr-card {\n animation: edrFadeInUp .5s ease backwards;\n }\n .edr-card:nth-child(1) { animation-delay: .05s; }\n .edr-card:nth-child(2) { animation-delay: .1s; }\n .edr-card:nth-child(3) { animation-delay: .15s; }\n .edr-card:nth-child(4) { animation-delay: .2s; }\n .edr-card:nth-child(5) { animation-delay: .25s; }\n .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edrFadeInUp {\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 .edr-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":53502900404601,"sku":"CE0412","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/contour-des-yeux-eclat-de-rose-anti-poches-et-cernes-centifo-packshothd_123c2d43-5bcc-4f24-93f4-0f602cd91d31.webp?v=1790420188"},{"product_id":"gel-douche-surgras-parfum-verveine-citronnee-250ml-centifolia","title":"Gel Douche Surgras Parfum Verveine Citronnée - 250ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 99% Naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Douche Surgras Verveine Citronnée\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eÀ l'Aloe Vera équitable \u0026amp; BIO — 250 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn soin lavant sans savon, enrichi en actifs surgras, qui respecte le film hydrolipidique et laisse la peau douce, apaisée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn gel douche surgras pensé pour les peaux qui tiraillent\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLes gels douche classiques contiennent souvent des agents lavants agressifs qui fragilisent la barrière cutanée. Résultat : une peau qui tiraille, démange ou devient rêche après la douche.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans savon\u003c\/h3\u003e\n \u003cp\u003eFormule douce qui respecte le pH cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003ePas d'agents lavants agressifs qui décapent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié BIO par un organisme indépendant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Film protecteur\u003c\/h3\u003e\n \u003cp\u003eLes actifs surgras préviennent la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eComparé aux références du marché (Neutraderm, Cadum, A-Derma, Topicrem), ce gel douche Centifolia se distingue par son engagement écologique, sa composition courte et transparente, et son plaisir sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits de la verveine citronnée\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍋 Parfum naturel tonifiant\u003c\/h3\u003e\n \u003cp\u003eLa verveine citronnée éveille les sens et dynamise votre routine matinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌬️ Fraîcheur apaisante\u003c\/h3\u003e\n \u003cp\u003eUne note olfactive légère et pétillante, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e☁️ Expérience sensorielle\u003c\/h3\u003e\n \u003cp\u003eUne mousse onctueuse et généreuse qui enveloppe délicatement la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99% d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule contient \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 19,7% issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio équitable*\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur et apaise les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'hydratation et assouplit l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce*\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et protège la peau fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de verveine*\u003c\/h3\u003e\n \u003cp\u003eTonifie et parfume la peau naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🫧 Tensioactifs doux végétaux\u003c\/h3\u003e\n \u003cp\u003eNettoient efficacement sans décaper la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ Formule vegan\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique, sans paraben ni colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans savon, sans sulfates SLS, sans paraben, sans colorant, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser votre gel douche surgras ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDosez une noisette\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de produit dans le creux de la main ou sur une fleur de douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, massez délicatement du cou jusqu'aux pieds pour faire mousser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, en insistant sur les plis pour éliminer tout résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eSéchez et hydratez\u003c\/h3\u003e\n \u003cp\u003eTamponnez délicatement puis appliquez un lait ou une crème hydratante pour prolonger le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cp\u003eConvient à toute la famille, dès l'enfance. Évitez le contact avec les yeux. Usage externe uniquement. Ce produit est un cosmétique et ne remplace pas un traitement médical : en cas de pathologie cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 50% recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon en plastique recyclé et 100% recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Centifolia, pionnière de la cosméto-botanique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Filière équitable\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu d'une filière tracée et rémunératrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Ingrédients tracés\u003c\/h3\u003e\n \u003cp\u003eTransparence totale sur l'origine de chaque actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌡️ Peaux sèches \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les épidermes sujets aux tiraillements et démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUne formule douce, adaptée dès le plus jeune âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Amateurs de bio\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent des cosmétiques naturels et français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Transformez votre douche en un véritable rituel de soin : une peau douce, apaisée et délicatement parfumée à la verveine citronnée, en respectant votre équilibre cutané et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f7f2;\n --cf-white: #ffffff;\n --cf-primary: #7ba84d;\n --cf-primary-dark: #4a6b2e;\n --cf-primary-light: #e8f0dc;\n --cf-secondary: #c4d48a;\n --cf-accent: #e8d84a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a6550;\n --cf-border: #dde3d4;\n --cf-shadow: 0 4px 24px rgba(74,107,46,.08);\n --cf-shadow-lg: 0 12px 48px rgba(74,107,46,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #8fb866 0%, #7ba84d 50%, #4a6b2e 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,107,46,.25);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502900470137,"sku":"CE0441","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-surgras-parfum-verveine-citronnee-250ml-centifoli-packshothd.webp?v=1777800865"},{"product_id":"gel-douche-surgras-parfum-fleur-doranger-250ml-centifolia","title":"Gel Douche Surgras Parfum Fleur d'Oranger - 250ml - Centifolia","description":"\u003cdiv class=\"cent-premium\"\u003e\n \u003cdiv class=\"cent-hero\"\u003e\n \u003cdiv class=\"cent-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cent-hero-content\"\u003e\n \u003cdiv class=\"cent-badges-top\"\u003e\n \u003cspan class=\"cent-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e🌸 Fleur d'Oranger\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e💧 Sans savon\u003c\/span\u003e\n \u003cspan class=\"cent-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cent-hero-title\"\u003eGel Douche Surgras Fleur d'Oranger\u003c\/span\u003e\n \u003cp class=\"cent-subtitle\"\u003eSoin lavant haute tolérance • 250ml • Centifolia\u003c\/p\u003e\n \u003cp class=\"cent-description\"\u003eUn soin lavant doux et bio, enrichi en aloe vera équitable et agents surgras végétaux. Nettoie en préservant le film hydrolipidique des peaux sensibles, sèches et réactives, dans un délicat sillage de fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eUn gel douche surgras bio qui change la donne\u003c\/h2\u003e\n \u003cp class=\"cent-section-intro\"\u003eConsidéré par de nombreux utilisateurs comme l'un des \u003cstrong\u003emeilleurs gels douche surgras\u003c\/strong\u003e disponibles en parapharmacie, ce soin Centifolia se distingue par sa \u003cstrong\u003eformule sans savon, sans sulfate et sans tensioactifs agressifs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"cent-section-intro\"\u003eContrairement à certains gels douche surgras classiques (type Cadum, Neutraderm ou A-Derma), il mise sur une composition certifiée bio, composée à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 10,9% issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cent-grid-compact\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e✨ 99%\u003c\/h3\u003e\n \u003cp\u003eD'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌱 10,9%\u003c\/h3\u003e\n \u003cp\u003eIssus de l'Agriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🚫 0 sulfate\u003c\/h3\u003e\n \u003cp\u003eSans savon ni tensioactif agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e♻️ 50%\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclé, 100% recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-tip\"\u003e\n \u003cspan class=\"cent-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRésultat : une peau propre, apaisée, souple, sans sensation de tiraillement après la douche. Idéal pour toute la famille, il convient à un usage quotidien sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eLes bienfaits pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"cent-grid\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🫧 Nettoyage tout en douceur\u003c\/h3\u003e\n \u003cp\u003eSans savon ni sulfate, il respecte les peaux les plus délicates, même les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e💆 Confort et souplesse\u003c\/h3\u003e\n \u003cp\u003eLes agents surgras nourrissent et protègent le film hydrolipidique de votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌵 Apaisement\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera équitable hydrate et calme les peaux sujettes aux tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel relaxant\u003c\/h3\u003e\n \u003cp\u003eLa fleur d'oranger enveloppe la peau d'un sillage floral délicat et apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌍 Engagement éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon 50% recyclé et 100% recyclable, fabriqué en France avec soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormule haute tolérance adaptée à un usage quotidien par toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cent-testimonial\"\u003e\n \u003cp class=\"cent-testimonial-text\"\u003eAqua (Water), Coco-Glucoside, Sodium Cocoamphoacetate, Glycerin, Sodium Cocoyl Glutamate, Aloe Barbadensis Leaf Juice*, Citrus Aurantium Amara Flower Water*, Parfum (Fragrance), Coco-Caprylate\/Caprate, Citric Acid, Sodium Chloride, Sodium Benzoate, Potassium Sorbate, Tocopherol, Helianthus Annuus Seed Oil, Limonene, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cent-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cent-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e✅ ECOCERT\u003c\/h3\u003e\n \u003cp\u003eCertifié par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌿 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eLabellisé cosmétique biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-card\"\u003e\n \u003ch3\u003e🩺 Dermato-testé\u003c\/h3\u003e\n \u003cp\u003eTesté sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cent-timeline\"\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e💧 Humidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous une eau tiède, préparez votre peau à recevoir le soin lavant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e🫧 Appliquez une noisette\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de gel douche fleur d'oranger sur peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e💆 Faites mousser délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez le corps en mouvements circulaires pour faire naître une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-item\"\u003e\n \u003cdiv class=\"cent-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cent-timeline-content\"\u003e\n \u003ch3\u003e🚿 Rincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, puis séchez en tapotant. Complétez avec un lait corporel nourrissant pour prolonger l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cent-tip\"\u003e\n \u003cspan class=\"cent-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cent-accordion\"\u003e\n \u003cdetails class=\"cent-accordion-item\"\u003e\n \u003csummary class=\"cent-accordion-header\"\u003e🗓️ Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cent-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule surgras et sans savon est pensée pour un usage quotidien, même sur peau sensible. Elle préserve le film hydrolipidique et évite les sensations de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cent-accordion-item\"\u003e\n \u003csummary class=\"cent-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"cent-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il peut être utilisé par toute la famille. Pour les tout-petits, demandez conseil à votre pharmacien ou pédiatre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cent-accordion-item\"\u003e\n \u003csummary class=\"cent-accordion-header\"\u003e🆚 En quoi se distingue-t-il d'un gel douche surgras classique de pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"cent-accordion-content mt-3\"\u003e\n \u003cp\u003eSa formule est certifiée bio, sans sulfate, avec des ingrédients majoritairement naturels et un parfum issu de la fleur d'oranger, contrairement à de nombreuses formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cent-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cent-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau un rituel de douche tout en douceur, où la science cosméto-botanique rencontre la poésie de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cent-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de pathologie cutanée ou de réaction persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cent-cream: #fdf8f1;\n --cent-white: #ffffff;\n --cent-primary: #e89248;\n --cent-primary-dark: #b86420;\n --cent-primary-light: #fbeedd;\n --cent-secondary: #d4a574;\n --cent-accent: #f4c77e;\n --cent-text: #2a2018;\n --cent-text-light: #6b5d4f;\n --cent-border: #ebddc9;\n --cent-shadow: 0 4px 24px rgba(184, 100, 32, .08);\n --cent-shadow-lg: 0 12px 48px rgba(184, 100, 32, .15);\n --cent-radius: 20px;\n --cent-radius-sm: 12px;\n}\n\n.cent-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cent-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cent-text);\n line-height: 1.6;\n}\n\n.cent-hero {\n position: relative;\n background: linear-gradient(135deg, #f4c77e 0%, #e89248 50%, #d4a574 100%);\n border-radius: var(--cent-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cent-shadow-lg);\n}\n\n.cent-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n background-size: 80px 80px, 100px 100px, 40px 40px;\n}\n\n.cent-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cent-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cent-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.cent-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n text-shadow: 0 1px 6px rgba(0,0,0,.1);\n}\n\n.cent-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cent-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cent-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cent-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cent-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cent-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cent-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cent-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cent-primary), var(--cent-secondary));\n border-radius: 2px;\n}\n\n.cent-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cent-text-light);\n margin: 0 auto 1rem;\n max-width: 780px;\n line-height: 1.7;\n}\n\n.cent-section-intro strong {\n color: var(--cent-text);\n}\n\n.cent-card {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cent-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cent-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cent-shadow-lg);\n border-color: var(--cent-primary);\n}\n\n.cent-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cent-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cent-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cent-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cent-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cent-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.cent-grid-compact .cent-card {\n padding: 1rem;\n}\n\n.cent-grid-compact .cent-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.cent-grid-compact .cent-card p {\n font-size: 12px;\n}\n\n.cent-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.cent-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cent-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cent-primary), var(--cent-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--cent-shadow);\n}\n\n.cent-timeline-content {\n flex: 1;\n background: var(--cent-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cent-radius-sm);\n box-shadow: var(--cent-shadow);\n}\n\n.cent-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cent-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cent-timeline-content p {\n font-size: 14px;\n color: var(--cent-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cent-testimonial {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cent-shadow);\n border-left: 4px solid var(--cent-primary);\n}\n\n.cent-testimonial-text {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--cent-text);\n line-height: 1.9;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n.cent-accordion {\n background: var(--cent-white);\n border-radius: var(--cent-radius);\n box-shadow: var(--cent-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.cent-accordion-item {\n border-bottom: 1px solid var(--cent-border);\n}\n\n.cent-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cent-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cent-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.cent-accordion-header:hover {\n background: var(--cent-primary-light);\n}\n\n.cent-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cent-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--cent-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cent-accordion-item[open] .cent-accordion-header::after {\n content: '−';\n}\n\n.cent-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cent-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cent-accordion-content p {\n margin: 0;\n}\n\n.cent-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cent-primary-light);\n border-radius: var(--cent-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cent-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cent-tip p {\n font-size: 14px;\n color: var(--cent-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cent-cta-box {\n background: linear-gradient(135deg, var(--cent-primary) 0%, var(--cent-primary-dark) 100%);\n border-radius: var(--cent-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cent-shadow-lg);\n}\n\n.cent-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cent-disclaimer {\n font-size: 12px;\n color: var(--cent-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cent-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cent-card {\n padding: 1.125rem;\n }\n .cent-section {\n margin-bottom: 1.75rem;\n }\n .cent-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cent-radius-sm);\n }\n .cent-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cent-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cent-grid-compact {\n gap: .625rem;\n }\n .cent-grid-compact .cent-card {\n padding: .75rem;\n }\n .cent-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cent-timeline-content {\n padding: .875rem 1rem;\n }\n .cent-timeline-content h3 {\n font-size: 14px;\n }\n .cent-timeline-content p {\n font-size: 13px;\n }\n .cent-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cent-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cent-testimonial {\n padding: 1.25rem;\n }\n .cent-testimonial-text {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cent-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cent-card:nth-child(1) { animation-delay: .05s; }\n .cent-card:nth-child(2) { animation-delay: .1s; }\n .cent-card:nth-child(3) { animation-delay: .15s; }\n .cent-card:nth-child(4) { animation-delay: .2s; }\n .cent-card:nth-child(5) { animation-delay: .25s; }\n .cent-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cent-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53503968215417,"sku":"CE0442","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-surgras-parfum-fleur-doranger-250ml-centifolia-packshothd_f92ff97f-bfe9-4036-bf1f-32d1c0a7e1b8.webp?v=1779374641"},{"product_id":"baume-relipidant-neutre-200ml-centifolia","title":"Baume Relipidant Neutre Bio - Hydrate \u0026 Apaise - 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🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍼 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🛡️ Haute tolérance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🏅 Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Relipidant Neutre Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia – La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eNourrit, répare et apaise les peaux sensibles et réactives de toute la famille. Formulé avec prébiotique actif de chicorée, sans parfum, 200 ml.\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\u003eBaume relipidant neutre bio : le soin apaisant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVotre peau tiraille, démange ou réagit au moindre changement de saison ?\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare le film hydrolipidique pour un confort immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Haute tolérance\u003c\/h3\u003e\n \u003cp\u003eSans parfum, testé sous contrôle dermatologique, adapté aux peaux les plus fragiles.\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, aux enfants, aux adultes et aux femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Prébiotique actif\u003c\/h3\u003e\n \u003cp\u003eRééquilibre le microbiome cutané grâce à un actif issu de la chicorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce baume relipidant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-explainer\"\u003e\n \u003cp\u003eContrairement à un simple \u003cstrong\u003ebaume hydratant pour le corps\u003c\/strong\u003e, un soin relipidant agit en profondeur : il restaure le \u003cstrong\u003efilm hydrolipidique naturel\u003c\/strong\u003e de la peau, cette fine couche protectrice qui empêche la déshydratation et protège contre les agressions extérieures.\u003c\/p\u003e\n \u003cp\u003eLorsque ce film est altéré — par le froid, le calcaire, les frottements ou une prédisposition génétique — la peau devient sèche, irritée et sujette aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ebaume relipidant Centifolia\u003c\/strong\u003e se distingue par son approche complète : il ne se contente pas de nourrir la surface, il \u003cstrong\u003erééquilibre le microbiome cutané\u003c\/strong\u003e grâce à un prébiotique actif issu de la chicorée. Résultat : votre peau retrouve ses défenses naturelles et gagne en confort durablement.\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\u003eDes actifs naturels rigoureusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en vitamines A, D, E et F, il nourrit intensément et forme un bouclier protecteur contre la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il procure une sensation de fraîcheur immédiate sur les zones irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Prébiotique de chicorée\u003c\/h3\u003e\n \u003cp\u003eStimule les bonnes bactéries de la flore cutanée pour renforcer la résistance naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Polysaccharide naturel\u003c\/h3\u003e\n \u003cp\u003eContribue à consolider la barrière cutanée pour une protection longue durée contre la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e, sans parfum, sans phtalates et sans bisphénol A. Chaque ingrédient a été choisi pour sa douceur et son efficacité, même sur les peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume corps super 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 matin et soir\u003c\/h3\u003e\n \u003cp\u003eDéposez le baume sur les zones sèches, rugueuses ou inconfortables : coudes, genoux, mains, jambes ou toute autre partie du corps qui en a besoin.\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 doucement\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par de légers mouvements circulaires. La texture fondante pénètre rapidement \u003cstrong\u003esans laisser de film gras\u003c\/strong\u003e, agréable même sous les vêtements.\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\u003ePour les bébés\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps en évitant la zone du siège. Ce soin convient \u003cstrong\u003edès la naissance\u003c\/strong\u003e et a été testé sous contrôle dermatologique.\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\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eQui manquent de lipides et tiraillent au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSujettes aux rougeurs et aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Bébés et femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eUn soin naturel sans parfum, adapté dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eUne alternative certifiée aux baumes relipidants conventionnels.\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\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-eco-box\"\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 30 % recyclé\u003c\/h3\u003e\n \u003cp\u003eLe tube de 200 ml est fabriqué avec 30 % de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Zéro substance controversée\u003c\/h3\u003e\n \u003cp\u003ePas de phtalates, pas de bisphénol A, pas de parfum synthétique.\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\u003eCentifolia va au-delà de la formule : vous prenez soin de votre peau tout en respectant la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🧴 Offrez à votre peau le réconfort qu'elle mérite — naturellement, en douceur, dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eRemarque importante : ce baume relipidant est un soin cosmétique. Il ne remplace en aucun cas un traitement médical prescrit par votre dermatologue. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cf-cream: #f5f9fb;\n --cf-white: #ffffff;\n --cf-primary: #7cc8d6;\n --cf-primary-dark: #2a7d8e;\n --cf-primary-light: #e6f4f7;\n --cf-secondary: #a8dce5;\n --cf-accent: #4ba8b8;\n --cf-text: #1a2a2e;\n --cf-text-light: #5a6f75;\n --cf-border: #d8e8ec;\n --cf-shadow: 0 4px 24px rgba(42, 125, 142, .08);\n --cf-shadow-lg: 0 12px 48px rgba(42, 125, 142, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2a7d8e 0%, #5cb8c8 40%, #a8dce5 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:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.08) 0%, transparent 30%);\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}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\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}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === EXPLAINER TEXT === *\/\n.cf-explainer {\n max-width: 720px;\n margin: 0 auto 1.5rem;\n}\n\n.cf-explainer p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cf-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cf-explainer p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cf-highlight-box {\n background: linear-gradient(135deg, var(--cf-primary-light) 0%, #dff0f4 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 5px solid var(--cf-primary);\n margin-top: 1.25rem;\n}\n\n.cf-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\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\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-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\/* === 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\/* === ECO BOX === *\/\n.cf-eco-box {\n \/* conteneur simple *\/\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-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-highlight-box {\n padding: 1rem;\n }\n\n .cf-explainer p {\n font-size: 14px;\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":53502900732281,"sku":"CE0416","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-relipidant-neutre-bio-hydrate-apaise-200ml-centifolia-packshothd.webp?v=1775898654"},{"product_id":"soin-des-mains-anti-taches-lys-active-50ml-centifolia","title":"Soin des Mains Anti-Taches Bio - 50 ml - Centifolia","description":"\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🐰 Formule vegan\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🌸 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eSoin des Mains Anti-Taches Bio Lys Active®\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eCentifolia · La Cosméto-Botanique · 50 ml\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003eHydrate, lisse et réduit visiblement les taches brunes grâce aux cellules végétales de lys blanc et à un actif rétinol-like d'origine végétale. Pour des mains unifiées, nourries et éclatantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eCrème mains anti-taches bio Lys Active® : le soin Centifolia pour des mains unifiées\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eVos mains sont exposées chaque jour au soleil, au froid, aux agressions quotidiennes. Avec le temps, des \u003cstrong\u003etaches pigmentaires\u003c\/strong\u003e apparaissent et la peau perd de sa fermeté.\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur l'épiderme fragilisé pour des mains douces et souples au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Lissage visible\u003c\/h3\u003e\n \u003cp\u003eLa texture fondante lisse la peau et réduit les irrégularités de surface dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🎯 Anti-taches ciblé\u003c\/h3\u003e\n \u003cp\u003eAtténue visiblement les taches brunes grâce à un trio d'actifs botaniques complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour les peaux matures, même 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=\"la-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin anti-taches pour les mains ?\u003c\/h2\u003e\n \u003cdiv class=\"la-highlight-box\"\u003e\n \u003cp\u003eContrairement à une simple crème hydratante, ce soin cible directement les \u003cstrong\u003ecauses des taches brunes\u003c\/strong\u003e grâce à un trio d'actifs botaniques complémentaires. Il ne se contente pas de nourrir : il agit sur l'uniformité du teint et la densité cutanée.\u003c\/p\u003e\n \u003cp\u003eSa formule \u003cstrong\u003ecertifiée COSMOS ORGANIC\u003c\/strong\u003e, composée à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e41 % d'ingrédients bio\u003c\/strong\u003e, en fait une alternative naturelle et efficace face aux soins conventionnels à base de rétinol synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule quasi intégralement d'origine naturelle, certifiée par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧬 Triple action\u003c\/h3\u003e\n \u003cp\u003eHydrate, unifie le teint et redensifie la peau en un seul geste quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌿 Rétinol-like végétal\u003c\/h3\u003e\n \u003cp\u003eL'efficacité du rétinol sans l'irritation, grâce à l'extrait de ramboutan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eLes actifs clés de la formule Lys Active®\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Cellules végétales de lys blanc\u003c\/h3\u003e\n \u003cp\u003eActif signature de la gamme Lys Active® : unifie le teint et réduit l'intensité des taches pigmentaires existantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🍈 Extrait de ramboutan\u003c\/h3\u003e\n \u003cp\u003eAlternative végétale au rétinol (actif rétinol-like), il stimule le renouvellement cellulaire et combat les signes du vieillissement sans irriter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌊 Algue rouge Palmaria Palmata\u003c\/h3\u003e\n \u003cp\u003eCet extrait marin cible les taches liées au photo-vieillissement et aide à prévenir l'apparition de nouvelles pigmentations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio \u0026amp; huile de coco\u003c\/h3\u003e\n \u003cp\u003eNourrissent en profondeur et restaurent le film hydrolipidique pour des mains douces et souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Macérât de lys blanc bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes et apaisantes, idéal pour calmer les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e💚 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratation immédiate et effet fraîcheur apaisant dès l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComment appliquer cette crème mains anti-taches ?\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de crème\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour couvrir le dos des deux mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le dos des mains, les doigts et les ongles jusqu'à absorption complète. La texture fondante pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eRépétez matin et soir\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles, appliquez quotidiennement, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e pensez à protéger vos mains du soleil pour limiter l'apparition de nouvelles taches et optimiser l'efficacité du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eUn soin respectueux de votre peau et de la planète\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e♻️ Tube éco-conçu\u003c\/h3\u003e\n \u003cp\u003e22 % de plastique recyclé, recyclable, sans phtalates ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Centifolia, spécialiste de la cosméto-botanique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌿 Certifié COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eGarantie de naturalité et de respect environnemental par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour quels types de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"la-testimonial\"\u003e\n \u003cp class=\"la-testimonial-text\"\u003eCe soin a été développé pour les \u003cstrong\u003epeaux matures\u003c\/strong\u003e, y compris les plus sensibles. Si vous constatez des taches brunes sur le dos de vos mains, une perte de fermeté ou un manque d'éclat, cette crème mains anti-taches bio est pensée pour vous. Sa formulation douce convient aussi aux peaux facilement irritées par les soins conventionnels à base de rétinol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos mains le soin qu'elles méritent : hydratation, éclat et uniformité retrouvés grâce à la puissance du lys blanc et des actifs botaniques certifiés bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute sur l'origine de vos taches cutanées, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --la-cream: #faf6f3;\n --la-white: #ffffff;\n --la-primary: #c4647a;\n --la-primary-dark: #8a3248;\n --la-primary-light: #f8edf0;\n --la-secondary: #d4968a;\n --la-accent: #e8b4a0;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #e8ddd8;\n --la-shadow: 0 4px 24px rgba(140, 50, 72, .07);\n --la-shadow-lg: 0 12px 48px rgba(140, 50, 72, .13);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, #8a3248 0%, #c4647a 45%, #d4968a 100%);\n border-radius: var(--la-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(--la-shadow-lg);\n}\n\n.la-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,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 60% 60%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-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(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.la-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.la-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.la-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-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.la-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(--la-primary), var(--la-secondary));\n border-radius: 2px;\n}\n\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-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\/* === HIGHLIGHT BOX === *\/\n.la-highlight-box {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n margin-bottom: 1.5rem;\n}\n\n.la-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--la-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.la-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.la-card-ingredient {\n text-align: left;\n border-left: 3px solid var(--la-primary-light);\n}\n\n.la-card-ingredient:hover {\n border-left-color: var(--la-primary);\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-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.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n margin-bottom: 1.5rem;\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.la-cta-box {\n background: linear-gradient(135deg, var(--la-primary) 0%, var(--la-primary-dark) 100%);\n border-radius: var(--la-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.la-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.la-disclaimer {\n font-size: 12px;\n color: var(--la-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-card-ingredient {\n text-align: left;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n\n .la-highlight-box {\n padding: 1.25rem;\n }\n\n .la-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .la-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":53502900994425,"sku":"CE0470","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-des-mains-anti-taches-bio-50-ml-centifolia-packshothd.webp?v=1775742214"},{"product_id":"creme-hydratante-neutre-40ml-centifolia","title":"Crème Hydratante Neutre - 40ml - Centifolia","description":"\u003cdiv class=\"cn-premium\"\u003e\n \u003cdiv class=\"cn-hero\"\u003e\n \u003cdiv class=\"cn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cn-hero-content\"\u003e\n \u003cdiv class=\"cn-badges-top\"\u003e\n \u003cspan class=\"cn-badge\"\u003e🌿 99,7% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cn-badge\"\u003e✓ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cn-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"cn-badge\"\u003e💧 Sans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cn-hero-title\"\u003eCrème Hydratante Neutre Bio\u003c\/span\u003e\n \u003cp class=\"cn-subtitle\"\u003eCentifolia · 40ml · Peaux sensibles \u0026amp; réactives\u003c\/p\u003e\n \u003cp class=\"cn-description\"\u003eUne formule courte, intelligente et hautement tolérée, pensée pour apaiser les peaux les plus délicates. Hydrate, rééquilibre le microbiote cutané et respecte toute la famille au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003cp class=\"cn-section-intro\"\u003eÀ la recherche d'une \u003cstrong\u003ecrème hydratante visage\u003c\/strong\u003e douce, efficace et réellement adaptée aux peaux les plus délicates ? La \u003cstrong\u003eCrème Hydratante Neutre Bio de Centifolia\u003c\/strong\u003e est pensée pour celles et ceux qui veulent un soin minimaliste, sans parfum et hautement toléré. Une formule courte qui respecte l'équilibre fragile de votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eUne crème hydratante pour le visage pensée pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cn-section-intro\"\u003eTiraillements, rougeurs, inconfort après le nettoyage… Si votre peau réagit au moindre changement, vous avez besoin d'une \u003cstrong\u003ecrème visage hydratante\u003c\/strong\u003e qui apaise sans agresser. Cette crème neutre Centifolia mise sur une approche douce : \u003cstrong\u003eaucun parfum, aucune huile essentielle, aucun allergène\u003c\/strong\u003e. Elle convient à toute la famille, \u003cstrong\u003edès la naissance\u003c\/strong\u003e, et reste compatible avec la grossesse et l'allaitement.\u003c\/p\u003e\n \u003cdiv class=\"cn-grid-compact\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e💧 Texture fluide\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement, non grasse, sans film occlusif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e☀️ Matin \u0026amp; soir\u003c\/h3\u003e\n \u003cp\u003eS'utilise au quotidien selon votre rituel beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e💄 Base de maquillage\u003c\/h3\u003e\n \u003cp\u003eUne base parfaite, lisse et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/h3\u003e\n \u003cp\u003eCompatible avec toutes les étapes de la vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette crème hydratante visage\u003c\/h2\u003e\n \u003cdiv class=\"cn-grid\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'aloe vera bio et au beurre de karité bio, la peau reste souple toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eCalme les sensations de tiraillement et atténue visiblement les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🦠 Microbiote rééquilibré\u003c\/h3\u003e\n \u003cp\u003eL'action prébiotique et les polysaccharides actifs renforcent la flore cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e✨ Haute tolérance\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux peaux atopiques, réactives et intolérantes, sans allergènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e👨 Crème homme \u0026amp; après-rasage\u003c\/h3\u003e\n \u003cp\u003eConvient également comme soin homme et après-rasage apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eDès la naissance, pour les bébés, enfants et adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003ePourquoi choisir Centifolia plutôt qu'une Cerave crème hydratante visage ?\u003c\/h2\u003e\n \u003cp class=\"cn-section-intro\"\u003eBeaucoup comparent leur routine à une \u003cstrong\u003eCerave crème hydratante visage\u003c\/strong\u003e classique. La différence Centifolia ? Une formule \u003cstrong\u003ecertifiée COSMOS ORGANIC\u003c\/strong\u003e, à 99,7 % d'origine naturelle, sans silicone, sans PEG ni dérivés pétrochimiques.\u003c\/p\u003e\n \u003cdiv class=\"cn-grid-compact\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🌿 99,7% naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule courte et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003cp\u003eNi PEG, ni dérivés pétrochimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e♻️ Tube éco-conçu\u003c\/h3\u003e\n \u003cp\u003e26% recyclé, sans phtalates ni BPA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-tip\"\u003e\n \u003cspan class=\"cn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez la \u003cstrong\u003emeilleure crème hydratante visage\u003c\/strong\u003e alliant efficacité, naturalité et tolérance, ce soin coche toutes les cases.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eComposition : une formule courte et transparente\u003c\/h2\u003e\n \u003cdiv class=\"cn-grid\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🥥 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et restaure le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, rafraîchit et répare la peau en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🔬 Alpha-glucan \u0026amp; bêta-glucan\u003c\/h3\u003e\n \u003cp\u003eDuo prébiotique qui renforce la flore cutanée et son équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-tip\"\u003e\n \u003cspan class=\"cn-tip-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e99,7 %\u003c\/strong\u003e d'ingrédients d'origine naturelle · \u003cstrong\u003e24,8 %\u003c\/strong\u003e issus de l'Agriculture Biologique · Certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"cn-accordion-item\"\u003e\n \u003csummary class=\"cn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"cn-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Cetearyl Alcohol, Coco-Caprylate\/Caprate, Glyceryl Stearate, Cetearyl Glucoside, Butyrospermum Parkii (Shea) Butter*, Aloe Barbadensis Leaf Juice Powder*, Alpha-Glucan Oligosaccharide, Beta-Glucan, Tocopherol, Helianthus Annuus Seed Oil, Xanthan Gum, Sodium Stearoyl Glutamate, Benzyl Alcohol, Dehydroacetic Acid, Citric Acid.\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 \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eComment utiliser votre crème hydratante pour le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"cn-timeline\"\u003e\n \u003cdiv class=\"cn-timeline-item\"\u003e\n \u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-content\"\u003e\n \u003ch3\u003e🧼 Nettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez un soin doux adapté à votre type de peau pour une base propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-item\"\u003e\n \u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-content\"\u003e\n \u003ch3\u003e💧 Prélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour traiter l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-item\"\u003e\n \u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-content\"\u003e\n \u003ch3\u003e✨ Appliquez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eSur le visage et le cou, matin et\/ou soir, selon votre rituel beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-tip\"\u003e\n \u003cspan class=\"cn-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eUtilisable seule ou en complément d'un sérum. Pour les bébés, une noisette suffit pour le visage et les zones sèches du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"cn-accordion\"\u003e\n \u003cdetails class=\"cn-accordion-item\"\u003e\n \u003csummary class=\"cn-accordion-header\"\u003e⚠️ Conseils d'utilisation et précautions\u003c\/summary\u003e\n \u003cdiv class=\"cn-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contour des yeux et les muqueuses. En cas de réaction inhabituelle, cessez l'utilisation. Ce produit cosmétique \u003cstrong\u003ene remplace pas un avis ou un traitement médical\u003c\/strong\u003e : en cas de pathologie cutanée (eczéma, psoriasis, dermatite sévère), demandez conseil à votre dermatologue.\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 --cn-cream: #f4faff;\n --cn-white: #ffffff;\n --cn-primary: #5cb4e8;\n --cn-primary-dark: #1d6fa5;\n --cn-primary-light: #e6f3fb;\n --cn-secondary: #8fcdec;\n --cn-accent: #2196d4;\n --cn-text: #1a1a1a;\n --cn-text-light: #5a6878;\n --cn-border: #d8e6ef;\n --cn-shadow: 0 4px 24px rgba(29,111,165,.08);\n --cn-shadow-lg: 0 12px 48px rgba(29,111,165,.15);\n --cn-radius: 20px;\n --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cn-text);\n line-height: 1.6;\n}\n\n.cn-premium *, .cn-premium *::before, .cn-premium *::after { box-sizing: border-box; }\n\n.cn-hero {\n position: relative;\n background: linear-gradient(135deg, #8fcdec 0%, #5cb4e8 50%, #2196d4 100%);\n border-radius: var(--cn-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(--cn-shadow-lg);\n}\n\n.cn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 0%, transparent 8%),\n radial-gradient(circle at 80% 70%, white 0%, transparent 6%),\n radial-gradient(circle at 50% 50%, white 0%, transparent 5%),\n radial-gradient(circle at 10% 80%, white 0%, transparent 7%);\n opacity: .15;\n}\n\n.cn-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.cn-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.cn-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.cn-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 700px;\n opacity: .95;\n line-height: 1.7;\n}\n\n.cn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cn-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(--cn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cn-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.cn-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.cn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cn-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.cn-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(--cn-primary), var(--cn-secondary));\n border-radius: 2px;\n}\n\n.cn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cn-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.cn-section-intro strong { color: var(--cn-primary-dark); }\n\n.cn-card {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cn-shadow-lg);\n border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cn-grid-compact .cn-card { padding: 1rem; }\n.cn-grid-compact .cn-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.cn-grid-compact .cn-card p { font-size: 12px; }\n\n.cn-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.cn-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.cn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-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(33,150,212,.3);\n}\n\n.cn-timeline-content {\n flex: 1;\n background: var(--cn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cn-radius-sm);\n box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n font-size: 14px;\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cn-accordion {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n box-shadow: var(--cn-shadow);\n overflow: hidden;\n}\n\n.cn-accordion-item {\n border-bottom: 1px solid var(--cn-border);\n margin: 0;\n padding: 0;\n}\n\n.cn-accordion-item:last-child { border-bottom: none; }\n\n.cn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cn-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.cn-accordion-header:hover { background: var(--cn-primary-light); }\n.cn-accordion-header::-webkit-details-marker { display: none; }\n\n.cn-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cn-primary);\n transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after { content: '−'; }\n\n.cn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cn-accordion-content p { margin: 0 0 .5rem 0; }\n.cn-accordion-content p:last-child { margin-bottom: 0; }\n\n.cn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cn-primary-light);\n border-radius: var(--cn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cn-primary);\n}\n\n.cn-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1; }\n\n.cn-tip p {\n font-size: 14px;\n color: var(--cn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cn-tip strong { color: var(--cn-primary-dark); }\n\n@media (max-width: 767px) {\n .cn-grid { grid-template-columns: 1fr; gap: 1rem; }\n .cn-card { padding: 1.125rem; }\n .cn-section { margin-bottom: 1.75rem; }\n .cn-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cn-radius-sm);\n }\n .cn-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .cn-premium h2::after { width: 40px; height: 3px; }\n .cn-grid-compact { gap: .625rem; }\n .cn-grid-compact .cn-card { padding: .75rem; }\n .cn-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .cn-timeline-content { padding: .875rem 1rem; }\n .cn-timeline-content h3 { font-size: 14px; }\n .cn-timeline-content p { font-size: 13px; }\n .cn-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .cn-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cn-card { animation: cnFadeInUp .5s ease backwards; }\n .cn-card:nth-child(1) { animation-delay: .05s; }\n .cn-card:nth-child(2) { animation-delay: .1s; }\n .cn-card:nth-child(3) { animation-delay: .15s; }\n .cn-card:nth-child(4) { animation-delay: .2s; }\n .cn-card:nth-child(5) { animation-delay: .25s; }\n .cn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cn-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":53502901125497,"sku":"CE0417","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-neutre-40ml-centifolia-packshothd.webp?v=1777551543"},{"product_id":"huile-seche-sublimatrice-visage-corps-cheveux-105ml-centifolia","title":"Centifolia Huile Sèche Sublimatrice Visage Corps \u0026 Cheveux - 100 ml","description":"\u003cdiv class=\"nd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nd-hero\"\u003e\n \u003cdiv class=\"nd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nd-hero-content\"\u003e\n \u003cdiv class=\"nd-badges-top\"\u003e\n \u003cspan class=\"nd-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🌸 5 huiles précieuses\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e✨ 98 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nd-hero-title\"\u003eHuile sèche sublimatrice Nectar Doré\u003c\/span\u003e\n \u003cp class=\"nd-subtitle\"\u003eCentifolia — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"nd-description\"\u003eUn élixir doré aux 5 huiles précieuses bio pour nourrir, sublimer et illuminer votre peau et vos cheveux en un seul geste, sans aucun fini gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eHuile sèche sublimatrice : un soin multi-usage pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eVous cherchez un soin capable de \u003cstrong\u003enourrir votre peau et sublimer vos cheveux\u003c\/strong\u003e en un seul geste ?\u003c\/p\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌺 Visage\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et illumine le teint pour un fini satiné et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e✨ Corps\u003c\/h3\u003e\n \u003cp\u003ePeau satinée, délicatement parfumée, sans aucun film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eBrillance, souplesse et nutrition des longueurs et des pointes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 Bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Ecocert, 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-post-grid\"\u003eL'\u003cstrong\u003ehuile sèche sublimatrice Nectar Doré de Centifolia\u003c\/strong\u003e réunit cinq huiles précieuses biologiques dans une formule légère et non grasse. Certifiée bio par Ecocert, elle s'utilise au quotidien sur le visage, le corps et les cheveux pour un fini satiné et lumineux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une huile classique ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-highlight-box\"\u003e\n \u003cp\u003eContrairement à une huile traditionnelle, une \u003cstrong\u003ehuile sèche\u003c\/strong\u003e pénètre très rapidement dans la peau grâce à sa richesse en acides gras polyinsaturés (oméga-3 et oméga-6). Elle ne laisse aucun film gras et peut même s'appliquer sous vos vêtements sans attendre.\u003c\/p\u003e\n \u003cp\u003eC'est l'alternative idéale si vous aimez le confort d'une huile cheveux ou visage, mais que vous redoutez l'effet collant. Ici, Centifolia pousse le concept encore plus loin avec un \u003cstrong\u003eparfum délicat et envoûtant\u003c\/strong\u003e qui accompagne votre routine beauté tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, zéro résidu gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👗 Sous les vêtements\u003c\/h3\u003e\n \u003cp\u003eApplication immédiate, sans attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌹 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eUne note florale délicate toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🧴 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eLe confort d'une huile sans l'effet collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eCinq huiles précieuses bio au service de votre beauté\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eLa force de cette huile sèche réside dans son cocktail d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"nd-grid\"\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia bio\u003c\/h3\u003e\n \u003cp\u003eStar de la formule, elle nourrit intensément, protège la barrière cutanée et assouplit la fibre capillaire. Particulièrement appréciée pour apporter de la \u003cstrong\u003ebrillance aux cheveux ternes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de Baobab bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A, D et E, elle redonne \u003cstrong\u003eélasticité et douceur\u003c\/strong\u003e aux peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de Jojoba bio\u003c\/h3\u003e\n \u003cp\u003eTrès proche du sébum humain, elle \u003cstrong\u003erégule la production de sébum\u003c\/strong\u003e et hydrate en profondeur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés régénérantes, elle \u003cstrong\u003enourrit la peau et les pointes abîmées\u003c\/strong\u003e en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Macérât de fleur de Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eVéritable secret d'éclat, il \u003cstrong\u003eadoucit, unifie et illumine\u003c\/strong\u003e le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous utilisez habituellement de l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e afin de les fortifier, cette huile sèche constitue un excellent complément. Là où l'huile de ricin cible la pousse et la densité, l'huile sèche Centifolia apporte nutrition, brillance et souplesse aux longueurs et aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile sèche sublimatrice ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-timeline\"\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le matin ou le soir sur une peau propre. Massez délicatement pour faire pénétrer. Vous pouvez l'utiliser seule ou avant votre crème de jour pour booster l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e✨ Sur le corps\u003c\/h3\u003e\n \u003cp\u003eVaporisez généreusement après la douche sur une peau encore légèrement humide. Le résultat : une peau satinée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une à deux pressions sur les longueurs et les pointes, sur cheveux secs ou humides, en soin sans rinçage. Idéal pour dompter les frisottis et redonner de l'éclat à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile cheveux\u003c\/strong\u003e et corps s'utilise toute l'année, aussi souvent que vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🔬 Dermatologique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👐 Tous types\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux et de cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon spray 105 ml recyclable, sans phtalates ni bisphénol A\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nd-accordion-item\"\u003e\n \u003csummary class=\"nd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'allergie à l'un des composants, consultez un professionnel de santé avant utilisation. Conservez à l'abri de la chaleur et 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\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nd-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau et vos cheveux le luxe de 5 huiles précieuses bio dans un seul flacon — un geste beauté quotidien, naturel et envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nd-cream: #faf7f2;\n --nd-white: #ffffff;\n --nd-primary: #c5a45e;\n --nd-primary-dark: #8a6e2f;\n --nd-primary-light: #f5eed9;\n --nd-secondary: #d4a86a;\n --nd-accent: #e8c97a;\n --nd-text: #1a1a1a;\n --nd-text-light: #5a5a5a;\n --nd-border: #e8e0d0;\n --nd-shadow: 0 4px 24px rgba(139, 110, 47, .08);\n --nd-shadow-lg: 0 12px 48px rgba(139, 110, 47, .15);\n --nd-radius: 20px;\n --nd-radius-sm: 12px;\n}\n\n.nd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nd-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6e2f 0%, #c5a45e 45%, #e8c97a 100%);\n border-radius: var(--nd-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(--nd-shadow-lg);\n}\n\n.nd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 3px, transparent 3px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .6;\n}\n\n.nd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nd-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(--nd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nd-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.nd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nd-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.nd-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(--nd-primary), var(--nd-secondary));\n border-radius: 2px;\n}\n\n.nd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nd-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.nd-post-grid {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text-light);\n margin-top: 1.25rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nd-card {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nd-shadow-lg);\n border-color: var(--nd-primary);\n}\n\n.nd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card ingredient variant *\/\n.nd-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nd-grid-compact .nd-card {\n padding: 1rem;\n}\n\n.nd-grid-compact .nd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nd-grid-compact .nd-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nd-highlight-box {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nd-shadow);\n border-left: 4px solid var(--nd-accent);\n}\n\n.nd-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nd-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.nd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nd-primary), var(--nd-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(197, 164, 94, .3);\n}\n\n.nd-timeline-content {\n flex: 1;\n background: var(--nd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nd-radius-sm);\n box-shadow: var(--nd-shadow);\n}\n\n.nd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nd-timeline-content p {\n font-size: 14px;\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.nd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nd-primary-light);\n border-radius: var(--nd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nd-tip p {\n font-size: 14px;\n color: var(--nd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nd-accordion {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n box-shadow: var(--nd-shadow);\n overflow: hidden;\n}\n\n.nd-accordion-item {\n border-bottom: 1px solid var(--nd-border);\n margin: 0;\n padding: 0;\n}\n\n.nd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nd-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.nd-accordion-header:hover {\n background: var(--nd-primary-light);\n}\n\n.nd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nd-primary);\n transition: transform .2s ease;\n}\n\n.nd-accordion-item[open] .nd-accordion-header::after {\n content: '−';\n}\n\n.nd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nd-cta-box {\n background: linear-gradient(135deg, var(--nd-primary) 0%, var(--nd-primary-dark) 100%);\n border-radius: var(--nd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nd-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.nd-disclaimer {\n font-size: 12px;\n color: var(--nd-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 .nd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nd-card {\n padding: 1.125rem;\n }\n\n .nd-card-ingredient {\n text-align: center;\n }\n\n .nd-section {\n margin-bottom: 1.75rem;\n }\n\n .nd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nd-radius-sm);\n }\n\n .nd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nd-grid-compact {\n gap: .625rem;\n }\n\n .nd-grid-compact .nd-card {\n padding: .75rem;\n }\n\n .nd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nd-timeline-content h3 {\n font-size: 14px;\n }\n\n .nd-timeline-content p {\n font-size: 13px;\n }\n\n .nd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nd-highlight-box {\n padding: 1.25rem;\n }\n\n .nd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nd-card {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-card:nth-child(1) { animation-delay: .05s; }\n .nd-card:nth-child(2) { animation-delay: .1s; }\n .nd-card:nth-child(3) { animation-delay: .15s; }\n .nd-card:nth-child(4) { animation-delay: .2s; }\n .nd-card:nth-child(5) { animation-delay: .25s; }\n .nd-card:nth-child(6) { animation-delay: .3s; }\n\n .nd-timeline-item {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .nd-timeline-item:nth-child(2) { animation-delay: .15s; }\n .nd-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ndFadeInUp {\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 .nd-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":53502901191033,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centifolia-huile-seche-sublimatrice-visage-corps-cheveux-100-lifestyle.webp?v=1775832691"},{"product_id":"fluide-regulateur-matifiant-40-ml-centifolia","title":"Fluide Régulateur Matifiant Bio- 40 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🌿 98 % d'origine naturelle\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💧 40 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eFluide Régulateur Matifiant Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eFraîcheur de Thé — Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eVotre peau brille en milieu de journée, vos pores vous semblent visibles et votre maquillage tient difficilement ? Pensé spécifiquement pour les \u003cstrong\u003epeaux mixtes à grasses\u003c\/strong\u003e, ce fluide léger et non gras pénètre en quelques secondes pour offrir un fini velouté, mat et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce fluide matifiant bio ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFace aux références classiques du marché (Caudalie Vinopure, Nuxe Zinc Power, Avril ou Avène), Centifolia se distingue par une formule \u003cstrong\u003e98 % d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003ecertifiée COSMOS ORGANIC par Ecocert\u003c\/strong\u003e, fabriquée en France. Un vrai compromis entre efficacité cosmétique et respect de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Matité immédiate \u0026amp; durable\u003c\/h3\u003e\n \u003cp\u003eLa poudre de riz bio absorbe l'excès de sébum sans jamais dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eLe Zinc PCA, actif séborégulateur réputé, agit en profondeur sur l'hyperséborrhée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔬 Pores resserrés\u003c\/h3\u003e\n \u003cp\u003eGrain de peau lissé et affiné dès les premières semaines d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Purification \u0026amp; fraîcheur\u003c\/h3\u003e\n \u003cp\u003eL'hydrolat de Thé Vert bio, riche en polyphénols antioxydants, purifie et apaise.\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 botaniques au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍵 Thé Vert biologique\u003c\/h3\u003e\n \u003cp\u003eAllié précieux des peaux sujettes aux brillances : il apaise, protège contre la pollution et neutralise les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eCible l'hyperséborrhée et rééquilibre la production de sébum pour une peau nette et saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌊 Complexe de sucres marins\u003c\/h3\u003e\n \u003cp\u003eCapte l'excès de sébum directement à la surface de la peau pour un fini impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Poudre de riz bio\u003c\/h3\u003e\n \u003cp\u003eParachève le fini mat avec un toucher doux et velouté, idéal avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser le fluide matifiant 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\u003eNettoyer la peau\u003c\/h3\u003e\n \u003cp\u003eUtilisez de préférence la gelée nettoyante Fraîcheur de Thé pour une peau 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\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eTonifier\u003c\/h3\u003e\n \u003cp\u003eAppliquez la lotion tonique de la gamme Fraîcheur de Thé pour préparer la peau.\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\u003eAppliquer le fluide\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de fluide matin (et soir si besoin) sur 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\u003eBase de maquillage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme base matifiante pour prolonger la tenue de votre fond de teint.\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 concentrez-vous sur la zone T (front, nez, menton) si votre peau est mixte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eAqua (Water), Camellia Sinensis Leaf Water*, Coco-Caprylate, Glycerin, Cetearyl Alcohol, Oryza Sativa (Rice) Powder*, Glyceryl Stearate, Cetearyl Glucoside, Zinc PCA, Caprylic\/Capric Triglyceride, Helianthus Annuus Seed Oil*, Tocopherol, Algae Extract, Saccharide Isomerate, Xanthan Gum, Sodium Stearoyl Glutamate, Benzyl Alcohol, Dehydroacetic Acid, Parfum (Fragrance), Citric Acid, Limonene, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique — 98 % du total des ingrédients sont d'origine naturelle — 22 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\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🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans phtalates, sans bisphénol A, sans silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧪 Testé dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, adapté aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eDémarche éthique et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n \u003cp\u003eTube de 40 ml pensé pour la planète.\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\u003eAvis et questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🌸 Ce fluide convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce et sans alcool desséchant convient aux peaux mixtes à grasses, même réactives.\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💧 Peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument : il hydrate tout en matifiant, en une seule étape, pour une routine simple et efficace.\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✨ Est-il adapté aux peaux à imperfections ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, grâce à son action purifiante et séborégulatrice qui aide à limiter l'apparition des imperfections.\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis médical. En cas d'acné sévère ou de réaction cutanée persistante, consultez un dermatologue.\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: #f5f9f5;\n --cf-white: #ffffff;\n --cf-primary: #4ba87a;\n --cf-primary-dark: #2d7a54;\n --cf-primary-light: #e4f2ea;\n --cf-secondary: #7bc4a0;\n --cf-accent: #a8d8b9;\n --cf-text: #1a2e23;\n --cf-text-light: #5a6b5f;\n --cf-border: #d8e8dd;\n --cf-shadow: 0 4px 24px rgba(45,122,84,.08);\n --cf-shadow-lg: 0 12px 48px rgba(45,122,84,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n line-height: 1.6;\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #4ba87a 0%, #2d7a54 50%, #1f5a3e 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 opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 1.5px, transparent 1.5px);\n background-size: 60px 60px, 40px 40px;\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, 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,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\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: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-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(75,168,122,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\n word-break: break-word;\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 gap: 1rem;\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 flex-shrink: 0;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .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: 12px;\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":53502901453177,"sku":"CE0426","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fluide-regulateur-matifiant-bio-40-ml-centifolia-packshothd.webp?v=1777377197"},{"product_id":"masque-ultra-violet-dejaunisseur-250ml-centifolia","title":"Masque Ultra Violet Déjaunisseur - 250ml - Centifolia","description":"\u003cdiv class=\"muv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"muv-hero\"\u003e\n \u003cdiv class=\"muv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"muv-hero-content\"\u003e\n \u003cdiv class=\"muv-badges-top\"\u003e\n \u003cspan class=\"muv-badge\"\u003e🫐 100 % pigments naturels\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🌿 Certifié bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"muv-hero-title\"\u003eMasque Ultra Violet Déjaunisseur\u003c\/span\u003e\n \u003cp class=\"muv-subtitle\"\u003eCentifolia — Gamme Lumière — 250 ml\u003c\/p\u003e\n \u003cp class=\"muv-description\"\u003eCorrection anti-jaunissement professionnelle, 48 h de nutrition intense, 99 % d'ingrédients d'origine naturelle. Validé par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eMasque violet déjaunisseur bio Centifolia : retrouvez des cheveux lumineux sans reflets jaunes\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eVos cheveux blonds, blancs ou gris tirent vers le jaune ou l'orangé ? C'est un phénomène naturel, aggravé par la pollution, le calcaire ou les expositions répétées.\u003c\/p\u003e\n \u003cdiv class=\"muv-grid-compact\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e💜 Pigments violets \u0026amp; bleus\u003c\/h3\u003e\n \u003cp\u003e100 % naturels pour neutraliser les reflets jaunes et orangés sans colorants synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e⏱️ 48 h de nutrition\u003c\/h3\u003e\n \u003cp\u003eEffet nutri-correcteur longue durée qui nourrit intensément la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e✨ Efficacité pro\u003c\/h3\u003e\n \u003cp\u003eFormulé et validé par des coiffeurs professionnels pour un résultat salon à la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert, labellisé Cosmébio. 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComment agit ce masque anti-jaunissement naturel ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eContrairement aux masques conventionnels qui utilisent des colorants synthétiques, Centifolia mise sur deux familles de pigments végétaux complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid\"\u003e\n \u003cdiv class=\"muv-card muv-card-highlight-violet\"\u003e\n \u003ch3\u003e🍠 Pigments violets de patate douce\u003c\/h3\u003e\n \u003cp\u003eIls ciblent et neutralisent spécifiquement les \u003cstrong\u003ereflets jaunes\u003c\/strong\u003e, redonnant aux cheveux blonds et blancs toute leur pureté et leur éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card muv-card-highlight-blue\"\u003e\n \u003ch3\u003e🌸 Pigments bleus de jasmin du Cap\u003c\/h3\u003e\n \u003cp\u003eIls agissent sur les \u003cstrong\u003enuances orangées\u003c\/strong\u003e, souvent tenaces sur les cheveux décolorés ou méchés, pour un résultat homogène et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-tip\"\u003e\n \u003cspan class=\"muv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un masque déjaunisseur cheveux blancs et blonds qui corrige la couleur sans agresser, et qui offre en prime \u003cstrong\u003e48 heures de nutrition\u003c\/strong\u003e grâce à ses actifs réparateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eDes ingrédients bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eCe masque cheveux violet est composé à 99 % d'ingrédients d'origine naturelle. Parmi les actifs phares :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🫐 Extrait de myrtille bio française\u003c\/h3\u003e\n \u003cp\u003eAntioxydant et apaisant, il protège les cheveux sensibilisés par les colorations ou les décolorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit la fibre capillaire de la racine jusqu'aux pointes pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eHydrolysées pour renforcer la structure du cheveu et améliorer sa résistance aux agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApporte hydratation et brillance pour une chevelure éclatante de santé et de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌳 Extrait de tilleul bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit la fibre capillaire et facilite le démêlage pour un coiffage sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComment utiliser le masque violet Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003ePour un résultat optimal, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"muv-timeline\"\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eLavez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/2en1-shampooing-demelant-violet-dejaunisseur-cheveux-gris-blancs-et-blonds-200ml-centifolia\" title=\"shampooing Démêlant 2en1 violet déjaunisseur centifolia\"\u003eShampooing \u0026amp; Démêlant Violet 2 en 1 Centifolia\u003c\/a\u003e pour préparer la chevelure et optimiser l'action du masque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eSur cheveux essorés, déposez une noisette de produit sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n \u003cp\u003ePeignez soigneusement pour répartir le masque de manière homogène sur l'ensemble de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 2 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003e2 minutes pour un entretien léger, 5 minutes pour une correction plus marquée. Ajustez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire, jusqu'à ce que l'eau soit parfaitement limpide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-tip\"\u003e\n \u003cspan class=\"muv-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e une à deux fois par semaine, en alternance avec votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce masque plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eLe meilleur masque violet cheveux est celui qui corrige la couleur sans compromettre la santé capillaire. Voici ce qui distingue la formule Centifolia :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid-compact\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert et labellisé Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-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=\"muv-card\"\u003e\n \u003ch3\u003e💇 Validé par des pros\u003c\/h3\u003e\n \u003cp\u003eTesté et approuvé par des coiffeurs professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003e100 % naturel et éco-conçu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e♻️ Pot 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eCouvercle sans noir de carbone, sans opercule inutile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 \u0026 #7 regroupés en accordéon --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"muv-accordion\"\u003e\n \u003cdetails class=\"muv-accordion-item\" open\u003e\n \u003csummary class=\"muv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"muv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Glycerin, Cetearyl Alcohol, Coco-Caprylate\/Caprate, Helianthus Annuus Seed Oil, Distearoylethyl Dimonium Chloride, Ipomoea Batatas Tuber Extract, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Gardenia Florida Extract, Tilia Tomentosa Extract*, Vaccinium Myrtillus Fruit Extract*, Hydrolyzed Sweet Almond Protein, Sclerotium Gum, Acacia Senegal Gum, Maltodextrin, Sodium Gluconate, Tocopherol, Sodium Benzoate, Lactic Acid, Citric Acid, Potassium Sorbate, Parfum. \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 \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"muv-accordion\"\u003e\n \u003cdetails class=\"muv-accordion-item\"\u003e\n \u003csummary class=\"muv-accordion-header\"\u003e⚠️ Lire les précautions\u003c\/summary\u003e\n \u003cdiv class=\"muv-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment à l'eau claire. Conservez hors de portée des enfants. Ce produit cosmétique ne se substitue pas à un avis ou 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 \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"muv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"muv-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos cheveux blonds, blancs ou gris une correction naturelle et une nutrition intense.\u003cbr\u003eLe secret d'une chevelure lumineuse sans reflets jaunes, certifié bio et validé par des professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"muv-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état des cheveux. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --muv-cream: #f5f0f6;\n --muv-white: #ffffff;\n --muv-primary: #5b3a8c;\n --muv-primary-dark: #3d2266;\n --muv-primary-light: #ede4f5;\n --muv-secondary: #2e5a9e;\n --muv-accent: #7c4dba;\n --muv-text: #1a1a1a;\n --muv-text-light: #5a5a5a;\n --muv-border: #e0d8e8;\n --muv-shadow: 0 4px 24px rgba(91,58,140,.08);\n --muv-shadow-lg: 0 12px 48px rgba(91,58,140,.15);\n --muv-radius: 20px;\n --muv-radius-sm: 12px;\n}\n\n.muv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--muv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.muv-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2266 0%, #5b3a8c 40%, #2e5a9e 100%);\n border-radius: var(--muv-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(--muv-shadow-lg);\n}\n\n.muv-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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(124,77,186,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(46,90,158,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.muv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.muv-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.muv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.muv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.muv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.muv-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(--muv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.muv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.muv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.muv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--muv-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.muv-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(--muv-primary), var(--muv-secondary));\n border-radius: 2px;\n}\n\n.muv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--muv-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.muv-card {\n background: var(--muv-white);\n border-radius: var(--muv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--muv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.muv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--muv-shadow-lg);\n border-color: var(--muv-primary);\n}\n\n.muv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--muv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.muv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--muv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHTS === *\/\n.muv-card-highlight-violet {\n border-left: 4px solid var(--muv-primary);\n text-align: left;\n}\n\n.muv-card-highlight-blue {\n border-left: 4px solid var(--muv-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.muv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.muv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.muv-grid-compact .muv-card {\n padding: 1rem;\n}\n\n.muv-grid-compact .muv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.muv-grid-compact .muv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.muv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.muv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.muv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--muv-primary), var(--muv-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.muv-timeline-content {\n flex: 1;\n background: var(--muv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--muv-radius-sm);\n box-shadow: var(--muv-shadow);\n}\n\n.muv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--muv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.muv-timeline-content p {\n font-size: 14px;\n color: var(--muv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.muv-timeline-content a {\n color: var(--muv-primary);\n font-weight: 600;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color .2s ease;\n}\n\n.muv-timeline-content a:hover {\n color: var(--muv-secondary);\n}\n\n\/* === TIP BOX === *\/\n.muv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--muv-primary-light);\n border-radius: var(--muv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.muv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.muv-tip p {\n font-size: 14px;\n color: var(--muv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.muv-accordion {\n background: var(--muv-white);\n border-radius: var(--muv-radius);\n box-shadow: var(--muv-shadow);\n overflow: hidden;\n}\n\n.muv-accordion-item {\n border-bottom: 1px solid var(--muv-border);\n margin: 0;\n padding: 0;\n}\n\n.muv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.muv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--muv-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.muv-accordion-header:hover {\n background: var(--muv-primary-light);\n}\n\n.muv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.muv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--muv-primary);\n transition: transform .2s ease;\n}\n\n.muv-accordion-item[open] .muv-accordion-header::after {\n content: '−';\n}\n\n.muv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--muv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.muv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.muv-cta-box {\n background: linear-gradient(135deg, var(--muv-primary) 0%, var(--muv-primary-dark) 100%);\n border-radius: var(--muv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.muv-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.muv-disclaimer {\n font-size: 12px;\n color: var(--muv-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 .muv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .muv-card {\n padding: 1.125rem;\n }\n\n .muv-card-highlight-violet,\n .muv-card-highlight-blue {\n text-align: left;\n }\n\n .muv-section {\n margin-bottom: 1.75rem;\n }\n\n .muv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--muv-radius-sm);\n }\n\n .muv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .muv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .muv-grid-compact {\n gap: .625rem;\n }\n\n .muv-grid-compact .muv-card {\n padding: .75rem;\n }\n\n .muv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .muv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .muv-timeline-content h3 {\n font-size: 14px;\n }\n\n .muv-timeline-content p {\n font-size: 13px;\n }\n\n .muv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .muv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .muv-card {\n animation: muvFadeInUp .5s ease backwards;\n }\n .muv-card:nth-child(1) { animation-delay: .05s; }\n .muv-card:nth-child(2) { animation-delay: .1s; }\n .muv-card:nth-child(3) { animation-delay: .15s; }\n .muv-card:nth-child(4) { animation-delay: .2s; }\n .muv-card:nth-child(5) { animation-delay: .25s; }\n .muv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes muvFadeInUp {\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 .muv-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":53502902010233,"sku":"CE0570","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-ultra-violet-dejaunisseur-250ml-centifolia-packshothd.webp?v=1775836357"},{"product_id":"soin-jour-multi-actif-lys-active-50ml-centifolia","title":"Soin Jour Multi-Actif Lys Active - 50ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Jour Multi-Actif Lys Active - 50ml - Centifolia\nPalette détectée:\n - Primaire: #C4567A (rose\/framboise du packaging, texte \"SOIN JOUR MULTI-ACTIF\")\n - Secondaire: #7A9E8E (vert sauge\/teal du logo Centifolia \"C\")\n - Accent: #E8A07E (corail\/saumon des pétales de lys et \"LYS ACTIVE\")\nAmbiance: Cosmétique bio premium, féminin, botanique, élégant avec touche florale (lys). Univers clean beauty \/ anti-âge naturel. Packaging blanc épuré avec accents floraux roses.\nPréfixe CSS: la\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Ingrédients Clés :\"\n 2. \"Bénéfices :\"\n 3. \"Conseils d'Utilisation :\"\n 4. \"Engagements Centifolia :\"\n 5. \"Composition :\"\n 6. \"Certifications :\"\n 7. \"Précautions d'Emploi :\"\n 8. \"Conditionnement :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🌸 Cellules de Lys blanc\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🧬 Actif Rétinol-like\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eSoin Jour Multi-Actif Lys Active\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eCentifolia — 50 ml\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003eUne crème de jour anti-âge bio qui nourrit, redensifie et corrige les rides. Rides lissées en seulement 15 minutes, ovale du visage remodelé : redécouvrez l'éclat d'une peau visiblement plus dense et rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 : Ingrédients Clés : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eIngrédients Clés :\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌺 Cellules végétales de lys blanc\u003c\/h3\u003e\n \u003cp\u003eObtenues par un procédé d'extraction respectueux de l'environnement, elles stimulent le renouvellement cellulaire et limitent le transport de la mélanine, ravivant ainsi l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧬 Actif Rétinol-like d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eExtrait des feuilles de ramboutan, il améliore l'élasticité et la fermeté de la peau en stimulant la production de collagène et d'élastine, tout en étant mieux toléré que le rétinol classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🫧 Macérât huileux de lys\u003c\/h3\u003e\n \u003cp\u003eConnu pour ses propriétés apaisantes et éclaircissantes, il contribue à unifier le teint pour une peau lumineuse et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌾 Graines de lin\u003c\/h3\u003e\n \u003cp\u003eRiches en oméga-3, elles nourrissent et adoucissent la peau en profondeur pour un confort longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 : Bénéfices : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eBénéfices :\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e💧 Hydratation et nutrition\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de la peau et la nourrit en profondeur pour un confort qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e⚡ Effet lissant immédiat\u003c\/h3\u003e\n \u003cp\u003eRéduit visiblement les rides et ridules en seulement 15 minutes après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Remodelage de l'ovale du visage\u003c\/h3\u003e\n \u003cp\u003eTonifie et raffermit la peau, redessinant les contours du visage pour un effet lifting naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🤍 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, offrant une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌸 Convient aux peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour minimiser les risques d'allergies, adapté aux peaux matures même les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 : Conseils d'Utilisation : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eConseils d'Utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le matin sur une peau parfaitement nettoyée et tonifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eAppliquez la crème\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de soin et répartissez en effectuant de légers massages sur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, utilisez en complément des autres soins de la gamme Lys Active de Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEffet lissant visible en seulement \u003cstrong\u003e15 minutes\u003c\/strong\u003e — idéal avant le maquillage pour une base parfaitement lisse !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 : Engagements Centifolia : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eEngagements Centifolia :\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eCentifolia privilégie des ingrédients issus de l'agriculture biologique et du commerce équitable, dans une démarche éco-responsable complète.\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eIngrédients certifiés bio et issus du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n \u003cp\u003ePot en verre contenant 30% de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n \u003cp\u003eGaranti sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec exigence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5, #6, #7, #8 regroupés en accordéon --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComposition :\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\" open\u003e\n \u003csummary class=\"la-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Dicaprylyl Ether, Glycerin, Helianthus Annuus Seed Oil, Cetearyl Alcohol, C10-18 Triglycerides, Coco-Caprylate\/Caprate, Dicaprylyl Carbonate, Oleic\/Linoleic\/Linolenic Polyglycerides, Glyceryl Stearate Citrate, Zea Mays Starch*, Hydrogenated Lecithin, Parfum, Aloe Barbadensis Leaf Juice Powder*, Lilium Candidum Leaf Cell Extract, Nephelium Lappaceum Leaf Extract, Lilium Candidum Flower Extract*, Linum Usitatissimum Seed Extract, Alteromonas Ferment Extract, Xanthan Gum, Biosaccharide Gum-1, Glyceryl Caprylate, Maltodextrin, Tocopherol, Citric Acid, Phenethyl Alcohol, P-Anisic Acid, Sodium Benzoate, Geraniol, Limonene, 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 \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eCertifications :\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-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=\"la-card\"\u003e\n \u003ch3\u003e🌿 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eLabellisé Cosmébio, gage de cosmétique biologique exigeante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes suivant un mode de vie vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌾 99% naturel\u003c\/h3\u003e\n \u003cp\u003e99% d'ingrédients d'origine naturelle dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003ePrécautions d'Emploi :\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire. Conservez 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 \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement :\u003c\/h2\u003e\n \u003cdiv class=\"la-cta-box\"\u003e\n \u003cp\u003e🌸 Pot en verre de \u003cstrong\u003e50 ml\u003c\/strong\u003e — Recyclable, contenant 30% de matériaux recyclés.\u003cbr\u003eConçu et fabriqué en France avec amour par Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --la-cream: #fdf7f5;\n --la-white: #ffffff;\n --la-primary: #C4567A;\n --la-primary-dark: #9E3A5C;\n --la-primary-light: #fceef3;\n --la-secondary: #7A9E8E;\n --la-accent: #E8A07E;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #eddfdf;\n --la-shadow: 0 4px 24px rgba(196,86,122,.08);\n --la-shadow-lg: 0 12px 48px rgba(196,86,122,.15);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, #C4567A 0%, #d4789a 40%, #E8A07E 100%);\n border-radius: var(--la-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(--la-shadow-lg);\n}\n\n.la-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 60%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-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.la-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.la-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-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(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-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.la-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(--la-primary), var(--la-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-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.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.la-accordion {\n background: var(--la-white);\n border-radius: var(--la-radius);\n box-shadow: var(--la-shadow);\n overflow: hidden;\n}\n\n.la-accordion-item {\n border-bottom: 1px solid var(--la-border);\n margin: 0;\n padding: 0;\n}\n\n.la-accordion-item:last-child {\n border-bottom: none;\n}\n\n.la-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--la-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.la-accordion-header:hover {\n background: var(--la-primary-light);\n}\n\n.la-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.la-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--la-primary);\n transition: transform .2s ease;\n}\n\n.la-accordion-item[open] .la-accordion-header::after {\n content: '−';\n}\n\n.la-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--la-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.la-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.la-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.la-cta-box {\n background: linear-gradient(135deg, var(--la-primary) 0%, var(--la-primary-dark) 100%);\n border-radius: var(--la-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.la-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.la-disclaimer {\n font-size: 12px;\n color: var(--la-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 .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .la-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\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 .la-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":53502902108537,"sku":"CE0466","price":27.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-jour-multi-actif-lys-active-50ml-centifolia-lifestyle.webp?v=1770799974"},{"product_id":"lys-active-serum-anti-taches-15ml","title":"Sérum Concentré Anti-Taches Lys Active - 15ml - Centifolia","description":"\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🌸 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eSérum Concentré Anti-Taches Lys Active®\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eCentifolia — La Cosméto-Botanique\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003eTrois actifs botaniques puissants pour estomper les taches brunes, unifier le teint et révéler l'éclat naturel de votre peau — même sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eSérum concentré anti-taches Lys Active® Centifolia : un teint unifié, naturellement\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur sérum anti-taches\u003c\/strong\u003e d'origine naturelle pour retrouver un teint lumineux et homogène ?\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRéduit visiblement les taches brunes et les irrégularités pigmentaires pour un teint éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧬 Formule concentrée\u003c\/h3\u003e\n \u003cp\u003e99 % d'ingrédients d'origine naturelle et 42 % bio, certifié COSMOS Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 Trois actifs botaniques\u003c\/h3\u003e\n \u003cp\u003eLys Blanc, Rétinol-Like végétal et Algue Rouge : un trio d'exception pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour respecter les peaux les plus réactives, sans irritation ni film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eTrois actifs végétaux pour cibler les taches pigmentaires\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eCe qui distingue ce sérum, c'est son trio d'actifs d'exception issus de la recherche botanique avancée :\u003c\/p\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Cellules végétales de Lys Blanc\u003c\/h3\u003e\n \u003cp\u003eObtenues par biotechnologie respectueuse, elles freinent le transport de la mélanine vers la surface de la peau et stimulent le renouvellement cellulaire. Les taches existantes s'estompent tandis que le teint retrouve son éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Actif Rétinol-Like végétal\u003c\/h3\u003e\n \u003cp\u003eExtrait de ramboutan, il offre les bienfaits du rétinol — boost de collagène, amélioration de la fermeté — sans les irritations associées. Un vrai atout pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌊 Extrait d'Algue Rouge\u003c\/h3\u003e\n \u003cp\u003ePalmaria palmata, reconnue pour ses propriétés dépigmentantes, contribue à unifier le teint et à raviver la luminosité naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce sérum anti-taches brunes ?\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eCe soin convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles. Il cible particulièrement :\u003c\/p\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e☀️ Taches solaires\u003c\/h3\u003e\n \u003cp\u003eLes taches liées au soleil ou au vieillissement cutané s'estompent progressivement grâce à l'action ciblée des actifs botaniques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e💜 Marques post-inflammatoires\u003c\/h3\u003e\n \u003cp\u003eCicatrices d'acné, rougeurs résiduelles : le sérum aide à unifier le teint et atténuer les traces persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🪞 Teints ternes\u003c\/h3\u003e\n \u003cp\u003eManque d'uniformité, teint fatigué : retrouvez une peau lumineuse et homogène jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture légère et non collante pénètre rapidement sans laisser de film gras — idéale dans votre routine quotidienne, été comme hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComment utiliser le sérum Lys Active® ?\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eNettoyez et séchez délicatement votre visage, votre cou et votre décolleté avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le sérum\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003eune à deux gouttes\u003c\/strong\u003e du sérum matin et\/ou soir sur les zones ciblées ou l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par de légers mouvements circulaires sur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003ePour maximiser les résultats, enchaînez avec la crème ou le fluide de la gamme Lys Active® Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eLes premières améliorations sont généralement visibles après \u003cstrong\u003equatre à six semaines\u003c\/strong\u003e d'utilisation régulière. La constance est la clé !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\" open\u003e\n \u003csummary class=\"la-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Propanediol, Glycerin, Calcium Citrate, Undecane, Polyglyceryl-4 Caprate, Helianthus Annuus Seed Oil*, Polyglyceryl-3 Cocoate, Ricinus Communis Seed Oil*, Triethyl Citrate, Aloe Barbadensis Leaf Juice Powder*, Palmaria Palmata Extract, Lilium Candidum Leaf Cell Extract, Lilium Candidum Flower Extract*, Alteromonas Ferment Extract, Nephelium Lappaceum Leaf Extract, Phormidium Persicinum Extract, Lauroyl Lysine, Maris Aqua, Xanthan Gum, Sclerotium Gum, Maltodextrin, Biosaccharide Gum-1, Caprylyl\/Capryl Glucoside, Tridecane, Polyglyceryl-6 Laurate, Phenethyl Alcohol, Parfum, Tocopherol, Citric Acid, Sodium Benzoate, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. 99 % d'origine naturelle, 42 % 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 6 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eEngagements et certification\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife, gage d'une formulation naturelle et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐰 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale, adapté aux modes de vie éthiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFlacon-pipette en verre recyclé à 30 %, sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFormulé et fabriqué en France, dans le respect des standards les plus exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e⚠️ Précautions et conseils d'usage\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment. Conservez hors de portée des enfants. Ce produit cosmétique ne constitue pas un traitement médical : en cas de taches persistantes ou suspectes, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e📏 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon-pipette de \u003cstrong\u003e15 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --la-cream: #fdf6f8;\n --la-white: #ffffff;\n --la-primary: #b5365a;\n --la-primary-dark: #8a1e3f;\n --la-primary-light: #f9e8ee;\n --la-secondary: #d4728e;\n --la-accent: #e8a0b4;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #f0d4de;\n --la-shadow: 0 4px 24px rgba(181,54,90,.08);\n --la-shadow-lg: 0 12px 48px rgba(138,30,63,.15);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, #8a1e3f 0%, #b5365a 40%, #d4728e 100%);\n border-radius: var(--la-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(--la-shadow-lg);\n}\n\n.la-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 radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-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.la-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.la-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-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(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-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.la-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(--la-primary), var(--la-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-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.la-section-intro strong {\n color: var(--la-primary-dark);\n}\n\n\/* === CARDS === *\/\n.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.la-card-ingredient {\n text-align: left;\n}\n\n.la-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-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.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.la-timeline-content p strong {\n color: var(--la-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.la-tip p strong {\n color: var(--la-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.la-accordion {\n background: var(--la-white);\n border-radius: var(--la-radius);\n box-shadow: var(--la-shadow);\n overflow: hidden;\n}\n\n.la-accordion-item {\n border-bottom: 1px solid var(--la-border);\n margin: 0;\n padding: 0;\n}\n\n.la-accordion-item:last-child {\n border-bottom: none;\n}\n\n.la-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--la-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.la-accordion-header:hover {\n background: var(--la-primary-light);\n}\n\n.la-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.la-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--la-primary);\n transition: transform .2s ease;\n}\n\n.la-accordion-item[open] .la-accordion-header::after {\n content: '−';\n}\n\n.la-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--la-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.la-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.la-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.la-disclaimer {\n font-size: 12px;\n color: var(--la-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === CTA === *\/\n.la-cta-box {\n background: linear-gradient(135deg, var(--la-primary) 0%, var(--la-primary-dark) 100%);\n border-radius: var(--la-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.la-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 .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-card-ingredient {\n text-align: left;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .la-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n\n .la-tip {\n padding: .875rem 1rem;\n }\n\n .la-tip-icon {\n font-size: 20px;\n }\n\n .la-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\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 .la-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":53502902403449,"sku":"CE0468","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-concentre-anti-taches-lys-active-15ml-centifolia-packshothd.webp?v=1775897447"},{"product_id":"glycerine-vegetale-centifolia","title":"Glycérine Végétale - 200 ml - Centifolia","description":"\u003cdiv class=\"gv-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"gv-hero\"\u003e\n\u003cdiv class=\"gv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gv-hero-content\"\u003e\n\u003cdiv class=\"gv-badges-top\"\u003e\n\u003cspan class=\"gv-badge\"\u003e🌿 100% Origine naturelle\u003c\/span\u003e \u003cspan class=\"gv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gv-badge\"\u003e✨ Certifié COSMOS Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gv-hero-title\"\u003eGlycérine Végétale Centifolia\u003c\/span\u003e\n\u003cp class=\"gv-subtitle\"\u003eL'ingrédient star de vos cosmétiques maison\u003c\/p\u003e\n\u003cp class=\"gv-description\"\u003eAgent humectant pur et polyvalent pour hydrater en profondeur votre peau et vos cheveux. Un seul ingrédient, des dizaines de recettes possibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eQu'est-ce que la glycérine végétale et à quoi sert-elle ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eLa glycérine végétale, également appelée \u003cstrong\u003eglycérol\u003c\/strong\u003e, est un liquide visqueux, incolore et légèrement sucré, obtenu à partir de graisses végétales.\u003c\/p\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💧 Agent humectant\u003c\/h3\u003e\n\u003cp\u003eCapte l'humidité de l'air et la retient dans l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🪶 Non grasse\u003c\/h3\u003e\n\u003cp\u003eContrairement aux idées reçues, elle ne graisse pas la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🧪 Polyvalente\u003c\/h3\u003e\n\u003cp\u003eIngrédient star en cosmétique naturelle et DIY\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e✅ Contrôle total\u003c\/h3\u003e\n\u003cp\u003eMaîtrisez exactement ce que vous appliquez sur votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycérine végétale pour la peau\u003c\/h2\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eForme un film protecteur invisible qui préserve le taux d'hydratation naturel de votre peau tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌸 Action adoucissante\u003c\/h3\u003e\n\u003cp\u003eAssouplit les zones rugueuses et apaise les tiraillements, même sur les peaux les plus sèches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e✨ Effet repulpant\u003c\/h3\u003e\n\u003cp\u003eMaintient l'eau dans les tissus cutanés pour un aspect plus lisse et rebondi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🤍 Tolérance optimale\u003c\/h3\u003e\n\u003cp\u003eFormule pure et sans additifs, convient aux peaux sensibles et réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eGlycérine végétale pour les cheveux : pourquoi l'adopter ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eCheveux secs, bouclés, crépus ou fragilisés par les colorations ? La glycérine végétale peut transformer votre routine capillaire.\u003c\/p\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌊 Combattre la sécheresse\u003c\/h3\u003e\n\u003cp\u003eVos longueurs retrouvent souplesse et brillance naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌀 Définir les boucles\u003c\/h3\u003e\n\u003cp\u003eAjoutée à un spray hydratant, elle maintient la forme des boucles sans effet carton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💨 Réduire les frisottis\u003c\/h3\u003e\n\u003cp\u003eEn scellant l'hydratation, elle discipline les cheveux rebelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💪 Renforcer la fibre\u003c\/h3\u003e\n\u003cp\u003eUtilisée régulièrement, elle contribue à des cheveux plus résistants\u003cspan class=\"gv-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e en climat très sec, utilisez-la toujours combinée à une base aqueuse (eau, hydrolat) pour éviter qu'elle ne puise l'hydratation dans vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eGlycérine végétale : danger ou produit sûr ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eRassurez-vous : utilisée correctement, la glycérine végétale est parfaitement sûre. Voici les précautions à connaître :\u003c\/p\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card gv-card-warning\"\u003e\n\u003ch3\u003e📏 Respectez les dosages\u003c\/h3\u003e\n\u003cp\u003eEntre 1 et 10% maximum dans vos préparations cosmétiques. Un excès pourrait créer une sensation collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-warning\"\u003e\n\u003ch3\u003e🚫 Évitez l'application pure\u003c\/h3\u003e\n\u003cp\u003eUtilisée seule et en grande quantité, elle peut paradoxalement dessécher la peau en climat très sec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-warning\"\u003e\n\u003ch3\u003e🧴 Usage externe uniquement\u003c\/h3\u003e\n\u003cp\u003eCe produit est destiné à la cosmétique, pas à l'ingestion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-reassurance\"\u003e\n\u003cp\u003e✅ La glycérine végétale Centifolia, \u003cstrong\u003esans OGM et sans additifs\u003c\/strong\u003e, répond aux standards de qualité les plus exigeants pour une utilisation en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eComment utiliser la glycérine végétale dans vos préparations maison ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eCette glycérine végétale est incroyablement polyvalente. Voici des idées concrètes pour l'intégrer à votre quotidien :\u003c\/p\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e🌸 Pour le visage\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e💧 Sérum hydratant express\u003c\/h3\u003e\n\u003cp\u003e5% de glycérine + 95% d'hydrolat de rose. Appliquez sur peau humide matin et soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e➕ Booster pour crème\u003c\/h3\u003e\n\u003cp\u003eAjoutez quelques gouttes à votre crème de jour pour renforcer son pouvoir hydratant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e🛁 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🧼 Gel douche maison\u003c\/h3\u003e\n\u003cp\u003e5 à 8% de glycérine dans votre base lavante pour un nettoyage tout en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🤲 Baume pour les mains\u003c\/h3\u003e\n\u003cp\u003eAssociez-la au beurre de karité et huile d'amande douce pour des mains douces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e💦 Spray hydratant quotidien\u003c\/h3\u003e\n\u003cp\u003e3% de glycérine + 97% d'eau ou d'hydrolat. Vaporisez sur cheveux secs ou humides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🧖 Masque nourrissant\u003c\/h3\u003e\n\u003cp\u003eAjoutez 5% à votre masque capillaire habituel pour une hydratation décuplée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e🔧 Autres utilisations DIY\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🧼 Savons\u003c\/h3\u003e\n\u003cp\u003eFabrication de savons liquides et solides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🦷 Dentifrice\u003c\/h3\u003e\n\u003cp\u003ePréparation de dentifrices naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e💄 Démaquillant\u003c\/h3\u003e\n\u003cp\u003eCréation de démaquillants biphasés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eOù trouver de la glycérine végétale de qualité ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eOpter pour une marque spécialisée comme Centifolia vous garantit :\u003c\/p\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🏆 Certification COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eAttestant du respect des normes cosmétiques biologiques les plus strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDes matières premières suivies de A à Z pour une transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💎 Pureté optimale\u003c\/h3\u003e\n\u003cp\u003eSans résidus indésirables pour des préparations irréprochables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌍 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de sources végétales durables et responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gv-composition-box\"\u003e\n\u003cdiv class=\"gv-inci\"\u003e\n\u003cspan class=\"gv-inci-label\"\u003eINCI\u003c\/span\u003e \u003cspan class=\"gv-inci-value\"\u003eGlycerin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"gv-composition-text\"\u003eC'est tout. Un seul ingrédient, \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e, sans conservateur, sans parfum, sans colorant. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e200 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n\u003cp\u003eCOSMOS Natural par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🌱 Origine\u003c\/h3\u003e\n\u003cp\u003e100% végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n\u003cp\u003eOGM, additifs, huile de palme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycérine végétale Centifolia ?\u003c\/h2\u003e\n\u003cdiv class=\"gv-testimonial\"\u003e\n\u003cp class=\"gv-testimonial-text\"\u003e\"Depuis plus de 30 ans, Centifolia s'engage dans une cosmétique respectueuse de l'Homme et de l'environnement. Cette glycérine végétale incarne parfaitement cette philosophie : un ingrédient simple, efficace et transparent.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-value-box\"\u003e\n\u003cp\u003eEn choisissant ce flacon de \u003cstrong\u003e200 ml\u003c\/strong\u003e, vous investissez dans un produit qui durera plusieurs mois et qui s'intègrera dans \u003cstrong\u003edes dizaines de recettes différentes\u003c\/strong\u003e. Un excellent rapport qualité-prix pour qui souhaite se lancer dans la cosmétique maison sans compromis sur la qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"gv-accordion\"\u003e\n\u003cdetails open=\"\" class=\"gv-accordion-item\"\u003e\n\u003csummary class=\"gv-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"gv-accordion-content\"\u003e\n\u003cp\u003eConservez votre glycérine végétale à l'abri de la lumière et de la chaleur, dans son flacon d'origine bien fermé. Dans de bonnes conditions, elle se conserve plusieurs années sans altération de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gv-accordion-item\"\u003e\n\u003csummary class=\"gv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gv-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gv-section\"\u003e\n\u003cdiv class=\"gv-cta-box\"\u003e\n\u003cp\u003e🌿 Lancez-vous dans la cosmétique maison avec un ingrédient pur, certifié et polyvalent. Votre peau et vos cheveux vous diront merci !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gv-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Usage cosmétique externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gv-cream: #F7F5F0;\n --gv-white: #ffffff;\n --gv-primary: #2D7D6E;\n --gv-primary-dark: #1F5A4F;\n --gv-primary-light: #E8F3F0;\n --gv-secondary: #8B9D83;\n --gv-accent: #C9A86C;\n --gv-text: #1a1a1a;\n --gv-text-light: #5a5a5a;\n --gv-border: #e0e0e0;\n --gv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gv-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --gv-radius: 20px;\n --gv-radius-sm: 12px;\n}\n\n.gv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gv-hero {\n position: relative;\n background: linear-gradient(135deg, #2D7D6E 0%, #3A9486 40%, #8B9D83 100%);\n border-radius: var(--gv-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(--gv-shadow-lg);\n}\n\n.gv-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 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.gv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gv-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(--gv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gv-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.gv-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}\n\n.gv-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.gv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gv-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.gv-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(--gv-primary), var(--gv-secondary));\n border-radius: 2px;\n}\n\n.gv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.gv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gv-card {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gv-shadow-lg);\n border-color: var(--gv-primary);\n}\n\n.gv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gv-grid-compact .gv-card {\n padding: 1rem;\n}\n\n.gv-grid-compact .gv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gv-grid-compact .gv-card p {\n font-size: 12px;\n}\n\n\/* Card variants *\/\n.gv-card-warning {\n border-left: 4px solid var(--gv-accent);\n}\n\n.gv-card-recipe {\n background: linear-gradient(135deg, var(--gv-white) 0%, var(--gv-primary-light) 100%);\n}\n\n.gv-card-spec {\n background: var(--gv-primary-light);\n}\n\n\/* === USAGE CATEGORIES === *\/\n.gv-usage-category {\n margin-bottom: 1.5rem;\n}\n\n.gv-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--gv-primary-dark);\n margin: 0 0 1rem 0;\n padding-left: .5rem;\n border-left: 4px solid var(--gv-primary);\n}\n\n\/* === TIP BOX === *\/\n.gv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF3D4 100%);\n border-radius: var(--gv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--gv-accent);\n}\n\n.gv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gv-tip p {\n font-size: 14px;\n color: var(--gv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === REASSURANCE BOX === *\/\n.gv-reassurance {\n background: var(--gv-primary-light);\n border-radius: var(--gv-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.gv-reassurance p {\n font-size: 15px;\n color: var(--gv-primary-dark);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gv-composition-box {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n text-align: center;\n}\n\n.gv-inci {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.gv-inci-label {\n background: var(--gv-primary);\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .05em;\n}\n\n.gv-inci-value {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 900;\n color: var(--gv-primary-dark);\n font-style: italic;\n}\n\n.gv-composition-text {\n font-size: 15px;\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TESTIMONIAL === *\/\n.gv-testimonial {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n border-left: 4px solid var(--gv-primary);\n margin-bottom: 1.25rem;\n}\n\n.gv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === VALUE BOX === *\/\n.gv-value-box {\n background: linear-gradient(135deg, var(--gv-primary-light) 0%, #D4E9E4 100%);\n border-radius: var(--gv-radius-sm);\n padding: 1.25rem;\n text-align: center;\n}\n\n.gv-value-box p {\n font-size: 15px;\n color: var(--gv-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.gv-accordion {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n box-shadow: var(--gv-shadow);\n overflow: hidden;\n}\n\n.gv-accordion-item {\n border-bottom: 1px solid var(--gv-border);\n margin: 0;\n padding: 0;\n}\n\n.gv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gv-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.gv-accordion-header:hover {\n background: var(--gv-primary-light);\n}\n\n.gv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gv-primary);\n transition: transform .2s ease;\n}\n\n.gv-accordion-item[open] .gv-accordion-header::after {\n content: '−';\n}\n\n.gv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gv-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.gv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gv-cta-box {\n background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-primary-dark) 100%);\n border-radius: var(--gv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gv-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.gv-disclaimer {\n font-size: 12px;\n color: var(--gv-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 .gv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gv-card {\n padding: 1.125rem;\n }\n \n .gv-section {\n margin-bottom: 1.75rem;\n }\n \n .gv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gv-radius-sm);\n }\n \n .gv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gv-grid-compact {\n gap: .625rem;\n }\n \n .gv-grid-compact .gv-card {\n padding: .75rem;\n }\n \n .gv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gv-testimonial {\n padding: 1.25rem;\n }\n \n .gv-testimonial-text {\n font-size: 14px;\n }\n \n .gv-usage-title {\n font-size: 15px;\n margin-bottom: .75rem;\n }\n \n .gv-tip {\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\n }\n \n .gv-inci {\n flex-direction: column;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gv-card:nth-child(1) { animation-delay: .05s; }\n .gv-card:nth-child(2) { animation-delay: .1s; }\n .gv-card:nth-child(3) { animation-delay: .15s; }\n .gv-card:nth-child(4) { animation-delay: .2s; }\n .gv-card:nth-child(5) { animation-delay: .25s; }\n .gv-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 .gv-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":54950163022201,"sku":"CE0575","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycerine-vegetale-200-ml-centifolia-lifestyle_c763dc5c-0fd1-4b17-ba18-b92159766230.webp?v=1769676616"},{"product_id":"vitamine-e-10ml-centifolia","title":"Vitamine E - 10ml - Centifolia","description":"\u003cdiv class=\"ve-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ve-hero\"\u003e\n\u003cdiv class=\"ve-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ve-hero-content\"\u003e\n\u003cdiv class=\"ve-badges-top\"\u003e\n\u003cspan class=\"ve-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e \u003cspan class=\"ve-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"ve-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ve-hero-title\"\u003eVitamine E - 10 ml\u003c\/span\u003e\n\u003cp class=\"ve-subtitle\"\u003eCentifolia · L'Atelier\u003c\/p\u003e\n\u003cp class=\"ve-description\"\u003eUn concentré de tocophérols naturels d'origine végétale : antioxydant puissant pour protéger vos cosmétiques maison et sublimer votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eVitamine E naturelle Centifolia : l'actif antioxydant indispensable\u003c\/h2\u003e\n\u003cp class=\"ve-section-intro\"\u003eVous cherchez un moyen efficace de \u003cstrong\u003eprotéger vos préparations cosmétiques maison\u003c\/strong\u003e tout en prenant soin de votre peau ?\u003c\/p\u003e\n\u003cdiv class=\"ve-grid-compact\"\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant puissant\u003c\/h3\u003e\n\u003cp\u003eTocophérols naturels d'origine végétale au pouvoir protecteur reconnu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🧴 Polyvalent\u003c\/h3\u003e\n\u003cp\u003eIdéal en cosmétique DIY ou en soin anti-âge naturel pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eExtrait directement d'huiles végétales, sans synthèse ni OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e📐 Format malin\u003c\/h3\u003e\n\u003cp\u003eFlacon de 10 ml compact, économique grâce aux faibles dosages nécessaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eLes bienfaits de la vitamine E pour votre peau\u003c\/h2\u003e\n\u003cp class=\"ve-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la vitamine E\u003c\/strong\u003e sur la peau sont largement documentés. Voici ce que cet actif peut vous apporter au quotidien :\u003c\/p\u003e\n\u003cdiv class=\"ve-grid\"\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e✨ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E neutralise les radicaux libres responsables du vieillissement cutané prématuré. Elle aide votre peau à mieux résister aux agressions extérieures comme la pollution et les UV.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eEn limitant le stress oxydatif, elle contribue à préserver la souplesse et l'éclat de la peau, réduisant visiblement l'apparition des ridules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e💧 Nutrition et réparation\u003c\/h3\u003e\n\u003cp\u003eElle renforce la barrière cutanée, nourrit les peaux sèches et aide à apaiser les zones fragilisées ou déshydratées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🧪 Conservateur naturel\u003c\/h3\u003e\n\u003cp\u003eAjoutée à vos huiles et beurres végétaux, elle ralentit leur oxydation et prolonge significativement leur durée de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-tip\"\u003e\n\u003cspan class=\"ve-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e une carence en vitamine E peut se traduire par une peau terne, sèche et plus vulnérable aux signes de l'âge. On retrouve naturellement la vitamine E dans les huiles végétales, les noix, les amandes et les graines de tournesol. En application cutanée, elle offre un bienfait ciblé directement là où votre peau en a besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eComment utiliser la vitamine E Centifolia ?\u003c\/h2\u003e\n\u003cp class=\"ve-section-intro\"\u003eCette vitamine E s'intègre facilement dans toutes vos routines beauté. Voici les dosages recommandés :\u003c\/p\u003e\n\u003cdiv class=\"ve-timeline\"\u003e\n\u003cdiv class=\"ve-timeline-item\"\u003e\n\u003cdiv class=\"ve-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-content\"\u003e\n\u003ch3\u003eConservation des huiles végétales\u003c\/h3\u003e\n\u003cp\u003eAjoutez entre \u003cstrong\u003e0,02 % et 0,5 %\u003c\/strong\u003e de vitamine E dans vos flacons pour retarder le rancissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-item\"\u003e\n\u003cdiv class=\"ve-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-content\"\u003e\n\u003ch3\u003eSoins cosmétiques maison\u003c\/h3\u003e\n\u003cp\u003eIntégrez jusqu'à \u003cstrong\u003e5 %\u003c\/strong\u003e de vitamine E dans vos crèmes, sérums ou baumes pour profiter de ses propriétés anti-âge et nourrissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-item\"\u003e\n\u003cdiv class=\"ve-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ve-timeline-content\"\u003e\n\u003ch3\u003eApplication locale pure\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes sur les zones sèches, les cicatrices ou les contours des yeux pour un soin ciblé et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-tip\"\u003e\n\u003cspan class=\"ve-tip-icon\"\u003e🌙\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e mélangez 2 à 3 gouttes de vitamine E à votre huile végétale préférée (argan, jojoba, rose musquée) pour un sérum de nuit sur mesure, à la fois protecteur et régénérant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ve-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ve-accordion\"\u003e\n\u003cdetails class=\"ve-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ve-accordion-header\"\u003e🧬 INCI\u003c\/summary\u003e\n\u003cdiv class=\"ve-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eTocopherol\u003c\/strong\u003e (tocophérols naturels d'origine végétale).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ve-accordion-item\"\u003e\n\u003csummary class=\"ve-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n\u003cdiv class=\"ve-accordion-content mt-3\"\u003e\n\u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans OGM, sans additifs de synthèse, sans conservateurs artificiels. Fidèle aux engagements de la marque Centifolia, ce produit est \u003cstrong\u003evegan, cruelty-free\u003c\/strong\u003e et conditionné en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ve-accordion-item\"\u003e\n\u003csummary class=\"ve-accordion-header\"\u003e⚠️ Précaution d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ve-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est à usage cosmétique externe uniquement. Il ne constitue pas un complément vitamine E alimentaire et ne remplace en aucun cas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ve-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir cette vitamine E plutôt qu'une autre ?\u003c\/h2\u003e\n\u003cdiv class=\"ve-grid\"\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🌿 Origine naturelle supérieure\u003c\/h3\u003e\n\u003cp\u003eContrairement aux vitamines E synthétiques à biodisponibilité moindre, celle de Centifolia est \u003cstrong\u003eextraite directement d'huiles végétales\u003c\/strong\u003e, offrant une efficacité supérieure et une parfaite affinité avec la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e🔬 Haute concentration\u003c\/h3\u003e\n\u003cp\u003eSa concentration élevée en tocophérols actifs en fait un choix de qualité, aussi bien pour conserver vos préparations que pour enrichir vos soins quotidiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-card\"\u003e\n\u003ch3\u003e💰 Investissement malin\u003c\/h3\u003e\n\u003cp\u003eFormat compact de 10 ml qui se glisse partout et dure longtemps grâce aux faibles dosages nécessaires. Un geste naturel et responsable pour votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ve-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la protection antioxydante qu'elle mérite — naturellement, efficacement, durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --ve-cream: #f7f5f0;\n --ve-white: #ffffff;\n --ve-primary: #4a6741;\n --ve-primary-dark: #34502d;\n --ve-primary-light: #e8f0e5;\n --ve-secondary: #8B6914;\n --ve-accent: #D4A017;\n --ve-text: #1a1a1a;\n --ve-text-light: #5a5a5a;\n --ve-border: #e0e0e0;\n --ve-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ve-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ve-radius: 20px;\n --ve-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ve-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ve-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ve-hero {\n position: relative;\n background: linear-gradient(135deg, #34502d 0%, #4a6741 40%, #6b8a4e 100%);\n border-radius: var(--ve-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(--ve-shadow-lg);\n}\n\n.ve-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,160,23,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(139,105,20,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ve-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ve-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.ve-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.ve-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ve-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ve-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(--ve-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ve-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ve-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ve-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ve-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.ve-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(--ve-primary), var(--ve-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ve-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ve-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.ve-section-intro strong {\n color: var(--ve-text);\n}\n\n\/* === CARDS === *\/\n.ve-card {\n background: var(--ve-white);\n border-radius: var(--ve-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ve-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ve-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ve-shadow-lg);\n border-color: var(--ve-primary);\n}\n\n.ve-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ve-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ve-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ve-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ve-card p strong {\n color: var(--ve-text);\n}\n\n\/* === GRILLES === *\/\n.ve-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ve-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ve-grid-compact .ve-card {\n padding: 1rem;\n}\n\n.ve-grid-compact .ve-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ve-grid-compact .ve-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ve-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ve-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ve-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ve-primary), var(--ve-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.ve-timeline-content {\n flex: 1;\n background: var(--ve-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ve-radius-sm);\n box-shadow: var(--ve-shadow);\n}\n\n.ve-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ve-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ve-timeline-content p {\n font-size: 14px;\n color: var(--ve-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ve-timeline-content p strong {\n color: var(--ve-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.ve-testimonial {\n background: var(--ve-white);\n border-radius: var(--ve-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ve-shadow);\n border-left: 4px solid var(--ve-primary);\n}\n\n.ve-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ve-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ve-accordion {\n background: var(--ve-white);\n border-radius: var(--ve-radius);\n box-shadow: var(--ve-shadow);\n overflow: hidden;\n}\n\n.ve-accordion-item {\n border-bottom: 1px solid var(--ve-border);\n margin: 0;\n padding: 0;\n}\n\n.ve-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ve-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ve-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.ve-accordion-header:hover {\n background: var(--ve-primary-light);\n}\n\n.ve-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ve-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ve-primary);\n transition: transform .2s ease;\n}\n\n.ve-accordion-item[open] .ve-accordion-header::after {\n content: '−';\n}\n\n.ve-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ve-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ve-accordion-content p {\n margin: 0;\n}\n\n.ve-accordion-content p strong {\n color: var(--ve-text);\n}\n\n\/* === TIP BOX === *\/\n.ve-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ve-primary-light);\n border-radius: var(--ve-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ve-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ve-tip p {\n font-size: 14px;\n color: var(--ve-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.ve-tip p strong {\n color: var(--ve-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.ve-cta-box {\n background: linear-gradient(135deg, var(--ve-primary) 0%, var(--ve-primary-dark) 100%);\n border-radius: var(--ve-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.ve-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 .ve-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ve-card {\n padding: 1.125rem;\n }\n\n .ve-section {\n margin-bottom: 1.75rem;\n }\n\n .ve-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ve-radius-sm);\n }\n\n .ve-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ve-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte *\/\n .ve-grid-compact {\n gap: .625rem;\n }\n\n .ve-grid-compact .ve-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .ve-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ve-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ve-timeline-content h3 {\n font-size: 14px;\n }\n\n .ve-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .ve-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ve-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .ve-testimonial {\n padding: 1.25rem;\n }\n\n .ve-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .ve-tip {\n padding: .875rem 1rem;\n }\n\n .ve-tip-icon {\n font-size: 20px;\n }\n\n .ve-tip p {\n font-size: 13px;\n }\n\n \/* CTA mobile *\/\n .ve-cta-box {\n padding: 1.5rem 1.25rem;\n margin-top: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ve-card {\n animation: vefadeInUp .5s ease backwards;\n }\n .ve-card:nth-child(1) { animation-delay: .05s; }\n .ve-card:nth-child(2) { animation-delay: .1s; }\n .ve-card:nth-child(3) { animation-delay: .15s; }\n .ve-card:nth-child(4) { animation-delay: .2s; }\n .ve-card:nth-child(5) { animation-delay: .25s; }\n .ve-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vefadeInUp {\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 .ve-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":54950369296761,"sku":"CE0695","price":8.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-e-10ml-centifolia-lifestyle.webp?v=1775825672"},{"product_id":"baume-corps-sos-pour-toute-la-famille-200-ml-centifolia-1","title":"Baume Corps Hydratant SOS Pour Toute La Famille - 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ -75 % de plastique\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Corps Hydratant SOS Pour Toute La Famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — 200 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn baume ultra-riche au Ginkgo Biloba bio français qui nourrit, répare et apaise les peaux sèches et sensibles de toute la famille, dès 3 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\u003eBaume corps hydratant SOS Centifolia : le soin bio qui nourrit toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVotre peau tiraille, manque de souplesse ou montre des signes d'inconfort ? Le \u003cstrong\u003eBaume Corps Hydratant SOS de Centifolia\u003c\/strong\u003e est le soin réconfortant qu'il vous faut.\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\u003eFormulé avec des ingrédients d'origine naturelle, certifié bio par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eActif signature d'origine France aux vertus apaisantes et antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Ultra-riche\u003c\/h3\u003e\n \u003cp\u003eNourrit, répare et apaise en profondeur les peaux sèches, même sensibles\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 à tous dès l'âge de 3 ans, petits et grands\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce baume hydratant corps plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eSur le marché, on trouve beaucoup de baumes corps : Clarins, CeraVe, Nuxe… Alors pourquoi celui-ci ? La réponse tient en trois points essentiels :\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003ePas de compromis sur la qualité des ingrédients, contrairement à de nombreux baumes conventionnels. Certification Ecocert garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👪 Véritablement familial\u003c\/h3\u003e\n \u003cp\u003eAdultes, enfants dès 3 ans, peaux sensibles ou réactives — tout le monde y trouve son compte avec un seul pot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Texture fondante non collante\u003c\/h3\u003e\n \u003cp\u003eMalgré sa richesse, ce baume pénètre rapidement et laisse la peau douce sans film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs végétaux puissants pour une hydratation intense\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe meilleur baume hydratant corps bio réunit des ingrédients soigneusement sélectionnés pour leur efficacité :\u003c\/p\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\u003eActif signature aux propriétés apaisantes et antioxydantes remarquables, idéal pour calmer les peaux irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio et équitable\u003c\/h3\u003e\n \u003cp\u003eReconnu pour sa capacité à nourrir intensément, il restaure le film hydrolipidique et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras, il favorise la régénération cutanée et renforce l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré d'hydratation, il apaise les tiraillements et maintient un niveau d'hydratation optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌻 Huiles végétales naturelles\u003c\/h3\u003e\n \u003cp\u003eElles complètent l'action nourrissante et rendent la peau visiblement plus souple et confortable.\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 bien appliquer votre baume corps SOS ?\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\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de baume sur peau propre et sèche, idéalement après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer le baume en massant délicatement. Insistez sur les zones les plus sèches : coudes, genoux, talons et mains.\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\u003eUtilisez-le au quotidien ou en soin SOS\u003c\/h3\u003e\n \u003cp\u003eChaque jour après la douche pour un confort durable, ou en soin ponctuel après le froid hivernal, une exposition au soleil ou un bain prolongé.\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 effet cocooning renforcé, appliquez une couche généreuse le soir avant le coucher et laissez agir toute la nuit.\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\u003eUn engagement éco-responsable concret\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ -75 % de plastique\u003c\/h3\u003e\n \u003cp\u003eNouveau pot éco-conçu pour la même contenance de 200 ml\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, respectueuse du vivant\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 locaux de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Karité équitable\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité issu du commerce équitable et solidaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-section-intro\" style=\"margin-top:1.25rem;\"\u003eChoisir ce soin, c'est prendre soin de votre peau tout en respectant la planète.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eCaractéristiques essentielles\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e200 ml\u003c\/strong\u003e — Pot éco-conçu avec 75 % de plastique en moins.\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🏅 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCosmos Organic\u003c\/strong\u003e (Ecocert), \u003cstrong\u003eCosmébio\u003c\/strong\u003e, \u003cstrong\u003eVegan\u003c\/strong\u003e. 99 % d'ingrédients d'origine naturelle, 23,4 % issus de l'agriculture biologique.\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👨‍👩‍👧‍👦 À qui s'adresse ce baume ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient à toute la famille dès 3 ans. Spécialement formulé pour les \u003cstrong\u003epeaux sèches et sensibles\u003c\/strong\u003e.\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🇫🇷 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eFabriqué en France par Centifolia, la cosméto-botanique.\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🌿 Offrez à votre peau et à celle de toute votre famille le réconfort d'un soin bio ultra-riche, certifié et éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cf-cream: #f7f9f4;\n --cf-white: #ffffff;\n --cf-primary: #6b8e3a;\n --cf-primary-dark: #3d5a1e;\n --cf-primary-light: #eef4e5;\n --cf-secondary: #8fb847;\n --cf-accent: #a3c25c;\n\n \/* Textes *\/\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cf-border: #dde6d0;\n --cf-shadow: 0 4px 24px rgba(61, 90, 30, .08);\n --cf-shadow-lg: 0 12px 48px rgba(61, 90, 30, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a1e 0%, #6b8e3a 50%, #8fb847 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% 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.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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(16px, 3vw, 20px);\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 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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 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\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === 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 FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\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-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-badge {\n font-size: 11px;\n padding: 6px 12px;\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":55204770972025,"sku":"CE0407","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-corps-hydratant-sos-pour-toute-la-famille-200-ml-centi-packshothd.webp?v=1775897095"},{"product_id":"shampoing-demelant-boucles-200-ml-centifolia","title":"Shampoing \u0026 Démêlant Boucles Anti-frisottis 2en1 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🥭 Mangue bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % naturel\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 \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eShampoing \u0026amp; démêlant boucles anti-frisottis 2en1 bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — Gamme Jolies Boucles — 200 ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eEn un seul geste, nettoyez, hydratez et démêlez vos boucles. Formulé pour les cheveux bouclés, frisés et crépus, validé par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eShampoing et démêlant 2en1 bio à la mangue : le soin idéal pour vos boucles\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous rêvez de boucles souples, définies et sans frisottis, sans multiplier les étapes sous la douche ?\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 2en1 pratique\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur et démêle en un seul geste, sans après-shampoing séparé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate la fibre capillaire pour des boucles rebondies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Anti-frisottis\u003c\/h3\u003e\n \u003cp\u003eContrôle les frisottis même par temps humide grâce à l'amidon biosourcé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌀 Boucles définies\u003c\/h3\u003e\n \u003cp\u003eRedéfinit chaque boucle pour des cheveux lumineux dès le rinçage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing pour cheveux bouclés ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eLes cheveux bouclés ont des besoins très spécifiques : ils sont naturellement plus secs, plus fragiles et plus sujets aux frisottis. Un shampoing naturel pour cheveux bouclés doit donc nettoyer sans agresser, tout en apportant nutrition et hydratation. C'est exactement ce que propose cette formule certifiée bio, composée à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003esans tensioactifs sulfatés\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture gel-crème glisse facilement dans les longueurs et permet un démêlage sans tiraillements. Résultat : vous gagnez du temps, vous préservez vos boucles et vous n'avez plus besoin d'un après-shampoing démêlant séparé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs botaniques ciblés pour sublimer vos boucles\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eUne synergie d'ingrédients naturels et bio pour nourrir, protéger et définir chaque boucle.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et en acides gras, elle nourrit la fibre capillaire en profondeur, adoucit et aide à redéfinir chaque boucle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌴 Huile de buriti bio\u003c\/h3\u003e\n \u003cp\u003eCet actif amazonien est reconnu pour apporter élasticité et brillance aux cheveux les plus secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eElles renforcent et réparent les cheveux fragilisés par les agressions quotidiennes (chaleur, soleil, pollution).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré d'hydratation, il revitalise le cuir chevelu et les longueurs sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔬 Amidon biosourcé\u003c\/h3\u003e\n \u003cp\u003eCet ingrédient innovant gaine la boucle et contrôle efficacement les frisottis, même par temps humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing boucles 2en1 ?\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\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\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 et démêlez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu, puis répartissez sur les longueurs en lissant les mèches avec vos doigts pour faciliter le démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Renouvelez l'opération si nécessaire.\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 des boucles encore plus définies, complétez votre routine avec le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/gel-creme-definisseur-de-boucles-anti-frisottis-bio-150-ml-centifolia\" target=\"_blank\" title=\"Gel-crème définisseur de Boucles Anti-frisottis Bio - 150 ml - Centifolia\" rel=\"noopener\"\u003egel-crème définisseur de boucles anti-frisottis\u003c\/a\u003e et le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/soin-activateur-de-boucles-bio-200-ml-centifolia\" target=\"_blank\" title=\"Soin Activateur de Boucles Anti-Frisottis Bio - 200 ml - Centifolia\" rel=\"noopener\"\u003esoin activateur de boucles\u003c\/a\u003e de la même gamme Jolies Boucles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\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\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Lauryl Glucoside, Caprylyl\/Capryl Glucoside, Glyceryl Stearate Citrate, Glycerin, Decyl Glucoside, Hydrolyzed Corn Starch, Cocamidopropyl Betaine, Lactic Acid, Disodium Cocoyl Glutamate, Hydrolyzed Sweet Almond Protein, Aloe Barbadensis Leaf Juice Powder*, Mangifera Indica Fruit Extract*, Helianthus Annuus Seed Oil, Mauritia Flexuosa Fruit Oil*, Sclerotium Gum, Sodium Cocoyl Glutamate, Guar Hydroxypropyltrimonium Chloride, Sodium Citrate, Tocopherol, Citric Acid, Sodium Benzoate, Parfum, Linalool, Linalyl Acetate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire. Usage externe uniquement.\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=\"cf-section\" style=\"margin-bottom:0px!important;\"\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🌿 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🌱 21 % 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 sulfates\u003c\/h3\u003e\n \u003cp\u003eSans silicones ni tensioactifs sulfatés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé 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\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Fragrance naturelle\u003c\/h3\u003e\n \u003cp\u003eParfum 100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💇 Validé par des pros\u003c\/h3\u003e\n \u003cp\u003eFormule testée par des coiffeurs professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🥭 Ce shampoing démêlant boucles 2en1 bio est votre allié au quotidien pour prendre soin de vos boucles avec des ingrédients respectueux. Flacon de \u003cstrong\u003e200 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6ef;\n --cf-white: #ffffff;\n --cf-primary: #d96a2b;\n --cf-primary-dark: #3d1e0c;\n --cf-primary-light: #fdebd6;\n --cf-secondary: #f5a623;\n --cf-accent: #e8832a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd2;\n --cf-shadow: 0 4px 24px rgba(61,30,12,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,30,12,.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, var(--cf-primary-dark) 0%, #6b3318 40%, var(--cf-primary) 80%, var(--cf-secondary) 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% 80%, rgba(245,166,35,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 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.15;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.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: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\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\/* === 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\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cf-testimonial-text 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.cf-tip a {\n color: var(--cf-primary);\n font-weight: 600;\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n\n.cf-tip a:hover {\n color: var(--cf-primary-dark);\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.cf-accordion-content em {\n font-size: 13px;\n color: var(--cf-text-light);\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 margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-cta-box strong {\n color: var(--cf-secondary);\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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\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 .cf-card:nth-child(7) { animation-delay: .35s; }\n .cf-card:nth-child(8) { animation-delay: .4s; }\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":55204778901881,"sku":"CE0580","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-demelant-boucles-anti-frisottis-2en1-bio-200-ml-ce-packshothd.webp?v=1775897543"},{"product_id":"soin-activateur-de-boucles-bio-200-ml-centifolia","title":"Soin Activateur de Boucles Anti-Frisottis Bio - 200 ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Activateur de Boucles Anti-Frisottis Bio - Centifolia\nPalette détectée:\n - Primaire: #E8722A (orange vif du packaging, étiquette)\n - Secondaire: #F5A623 (orange mangue, tons dorés)\n - Accent: #D4541C (rouge-orange des bandes)\n - Background: #FFF8F0 (crème chaud rappelant la mangue)\nAmbiance: Naturel\/Bio, fruité et vitaminé, cosmétique professionnelle, chaleureux et dynamique\nPréfixe CSS: jb (pour \"Jolies Boucles\")\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"À qui s'adresse cet activateur de boucles bio ?\"\n 2. \"Les bienfaits concrets de ce soin cheveux anti-frisottis\"\n 3. \"Une formule bio aux actifs soigneusement sélectionnés\"\n 4. \"Comment utiliser ce spray activateur de boucles ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Les engagements qualité Centifolia\"\n 7. \"Complétez votre routine Jolies Boucles\"\n 8. \"Questions fréquentes sur ce soin activateur de boucles\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"jb-hero\"\u003e\n \u003cdiv class=\"jb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jb-hero-content\"\u003e\n \u003cdiv class=\"jb-badges-top\"\u003e\n \u003cspan class=\"jb-badge\"\u003e🌿 99% Origine Naturelle\u003c\/span\u003e\n \u003cspan class=\"jb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"jb-badge\"\u003e✨ -37% Frisottis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jb-hero-title\"\u003eSoin Activateur de Boucles Anti-Frisottis Bio\u003c\/span\u003e\n \u003cp class=\"jb-subtitle\"\u003eCentifolia • Gamme Jolies Boucles • 200 ml\u003c\/p\u003e\n \u003cp class=\"jb-description\"\u003eLe spray biphase sans rinçage qui redéfinit vos boucles et les protège de l'humidité. Certifié bio, validé par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cet activateur de boucles bio ?\u003c\/h2\u003e\n \u003cp class=\"jb-section-intro\"\u003eCe spray activateur de boucles Centifolia a été spécialement conçu pour répondre aux besoins des cheveux texturés.\u003c\/p\u003e\n \u003cdiv class=\"jb-grid\"\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eTypes 2A, 2B, 2C - Pour des ondulations sublimées et définies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌀 Cheveux frisés\u003c\/h3\u003e\n \u003cp\u003eTypes 3A, 3B, 3C - Des boucles rebondies et sans frisottis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e💫 Cheveux crépus\u003c\/h3\u003e\n \u003cp\u003eTypes 4A, 4B, 4C - Définition et hydratation intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-tip\"\u003e\n \u003cspan class=\"jb-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUtilisable dès 3 ans !\u003c\/strong\u003e Ce soin convient à toute la famille. Idéal si vos boucles manquent de définition, gonflent à l'humidité ou si vous cherchez un produit léger sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de ce soin cheveux anti-frisottis\u003c\/h2\u003e\n \u003cp class=\"jb-section-intro\"\u003eCe n'est pas qu'un simple spray coiffant : c'est un véritable soin anti-frisottis qui agit en profondeur grâce à sa formule biphase innovante.\u003c\/p\u003e\n \u003cdiv class=\"jb-grid\"\u003e\n \u003cdiv class=\"jb-card jb-card-highlight\"\u003e\n \u003ch3\u003e✨ +28% Définition\u003c\/h3\u003e\n \u003cp\u003eVos boucles retrouvent leur forme naturelle, du ressort et de la personnalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card jb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ -37% Frisottis\u003c\/h3\u003e\n \u003cp\u003eMême en environnement humide, vos cheveux restent parfaitement disciplinés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eLa fibre capillaire est nourrie en profondeur sans être alourdie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🪶 Texture ultra-légère\u003c\/h3\u003e\n \u003cp\u003e82% des utilisateurs confirment qu'il ne graisse pas les cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🤚 Zéro effet carton\u003c\/h3\u003e\n \u003cp\u003eVos boucles restent souples, naturelles et agréables au toucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eUne formule bio aux actifs soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"jb-section-intro\"\u003eCentifolia a développé ce gel activateur de boucles en misant sur des ingrédients naturels aux propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"jb-grid\"\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et acides gras, elle nourrit intensément et redessine les boucles sans les alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'hydratation, il revitalise le cuir chevelu et apporte souplesse aux longueurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌾 Actif amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eCet ingrédient biosourcé innovant gaine chaque boucle et offre une résistance remarquable à l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌸 Extraits de gardénia\u003c\/h3\u003e\n \u003cp\u003eIls adoucissent la fibre capillaire tout en laissant un parfum délicat et naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e💎 Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle protège vos cheveux des agressions extérieures et booste leur brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray activateur de boucles ?\u003c\/h2\u003e\n \u003cp class=\"jb-section-intro\"\u003ePour obtenir des résultats optimaux avec ce soin cheveux anti-frisottis, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"jb-timeline\"\u003e\n \u003cdiv class=\"jb-timeline-item\"\u003e\n \u003cspan class=\"jb-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"jb-timeline-content\"\u003e\n \u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon pour mélanger les deux phases du soin biphase\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-timeline-item\"\u003e\n \u003cspan class=\"jb-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"jb-timeline-content\"\u003e\n \u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n \u003cp\u003eSur cheveux humides après le lavage ou sur cheveux secs pour un refresh entre deux shampoings\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-timeline-item\"\u003e\n \u003cspan class=\"jb-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"jb-timeline-content\"\u003e\n \u003ch3\u003eRépartissez le produit\u003c\/h3\u003e\n \u003cp\u003eDémêlez délicatement avec les doigts ou un peigne à dents larges\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-timeline-item\"\u003e\n \u003cspan class=\"jb-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"jb-timeline-content\"\u003e\n \u003ch3\u003ePratiquez le scrunching\u003c\/h3\u003e\n \u003cp\u003ePressez vos boucles de bas en haut pour les encourager à se former\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-timeline-item\"\u003e\n \u003cspan class=\"jb-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"jb-timeline-content\"\u003e\n \u003ch3\u003eLaissez sécher\u003c\/h3\u003e\n \u003cp\u003eNaturellement à l'air libre ou avec un diffuseur à chaleur modérée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-tip\"\u003e\n \u003cspan class=\"jb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce de pro :\u003c\/strong\u003e Entre deux lavages, vaporisez une petite quantité sur vos boucles pour les raviver instantanément. C'est la technique idéale pour un refresh rapide le matin !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"jb-accordion\"\u003e\n \u003cdetails class=\"jb-accordion-item\" open\u003e\n \u003csummary class=\"jb-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"jb-accordion-content\"\u003e\n \u003cp\u003eAqua, Caprylic\/Capric Triglyceride, Helianthus Annuus Seed Oil*, Undecane, Tridecane, Aloe Barbadensis Leaf Juice Powder*, Mangifera Indica Fruit Extract*, Hydrolyzed Gardenia Florida Extract, Gardenia Jasminoides Fruit Extract, Glycerin, Hydrolyzed Corn Starch, Maltodextrin, Sodium PCA, Sodium Chloride, Tocopherol, Lactic Acid, Citric Acid, Sodium Benzoate, Parfum, Limonene, 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 6 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eLes engagements qualité Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"jb-grid-compact\"\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eOrigine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌾 21% bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🐰 100% vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🌺 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eCertifié Flor Index A\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e💇‍♀️ Pro validé\u003c\/h3\u003e\n \u003cp\u003ePar des coiffeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eRespect environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"jb-section\"\u003e\n \u003ch2\u003eComplétez votre routine Jolies Boucles\u003c\/h2\u003e\n \u003cp class=\"jb-section-intro\"\u003ePour des résultats encore plus spectaculaires, associez cet activateur aux autres soins de la gamme Centifolia :\u003c\/p\u003e\n \u003cdiv class=\"jb-grid\"\u003e\n \u003cdiv class=\"jb-card jb-card-routine\"\u003e\n \u003ch3\u003e1️⃣ Shampoing \u0026amp; démêlant 2en1\u003c\/h3\u003e\n \u003cp\u003eCommencez par le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/shampoing-demelant-boucles-200-ml-centifolia\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003eShampoing \u0026amp; Démêlant Boucles Anti-frisottis 2en1\u003c\/strong\u003e\u003c\/a\u003e pour nettoyer en douceur et faciliter le démêlage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-card jb-card-routine\"\u003e\n \u003ch3\u003e2️⃣ Gel-crème définisseur\u003c\/h3\u003e\n \u003cp\u003eFinalisez avec le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/gel-creme-definisseur-de-boucles-anti-frisottis-bio-150-ml-centifolia\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003eGel-crème définisseur de boucles\u003c\/strong\u003e\u003c\/a\u003e pour une tenue longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jb-tip\"\u003e\n \u003cspan class=\"jb-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette routine complète vous garantit des boucles sublimes, nourries et protégées tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003cstyle\u003e\n:root {\n --jb-cream: #FFF8F0;\n --jb-white: #ffffff;\n --jb-primary: #E8722A;\n --jb-primary-dark: #C75A1C;\n --jb-primary-light: #FFF0E6;\n --jb-secondary: #F5A623;\n --jb-accent: #D4541C;\n --jb-text: #1a1a1a;\n --jb-text-light: #5a5a5a;\n --jb-border: #f0e6dc;\n --jb-shadow: 0 4px 24px rgba(232,114,42,.08);\n --jb-shadow-lg: 0 12px 48px rgba(232,114,42,.15);\n --jb-radius: 20px;\n --jb-radius-sm: 12px;\n}\n\n.jb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.jb-hero {\n position: relative;\n background: linear-gradient(135deg, #E8722A 0%, #F5A623 50%, #FFCF70 100%);\n border-radius: var(--jb-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(--jb-shadow-lg);\n}\n\n.jb-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 5C15 5 5 20 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 40c-8 0-15-7-15-15s7-15 15-15 15 7 15 15-7 15-15 15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.jb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jb-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(--jb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jb-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.jb-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.jb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.jb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jb-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.jb-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(--jb-primary), var(--jb-secondary));\n border-radius: 2px;\n}\n\n.jb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.jb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jb-grid-compact .jb-card {\n padding: 1rem;\n}\n\n.jb-grid-compact .jb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jb-grid-compact .jb-card p {\n font-size: 12px;\n}\n\n.jb-card {\n background: var(--jb-white);\n border-radius: var(--jb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jb-shadow-lg);\n border-color: var(--jb-primary);\n}\n\n.jb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jb-card a {\n color: var(--jb-primary);\n text-decoration: none;\n transition: color .2s ease;\n}\n\n.jb-card a:hover {\n color: var(--jb-primary-dark);\n text-decoration: underline;\n}\n\n.jb-card-highlight {\n background: linear-gradient(135deg, var(--jb-primary-light) 0%, #fff 100%);\n border: 2px solid var(--jb-primary);\n}\n\n.jb-card-routine {\n text-align: left;\n}\n\n.jb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jb-primary), var(--jb-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,114,42,.3);\n}\n\n.jb-timeline-content {\n flex: 1;\n background: var(--jb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jb-radius-sm);\n box-shadow: var(--jb-shadow);\n}\n\n.jb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jb-timeline-content p {\n font-size: 14px;\n color: var(--jb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.jb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jb-primary-light);\n border-radius: var(--jb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--jb-primary);\n}\n\n.jb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jb-tip p {\n font-size: 14px;\n color: var(--jb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.jb-accordion {\n background: var(--jb-white);\n border-radius: var(--jb-radius);\n box-shadow: var(--jb-shadow);\n overflow: hidden;\n}\n\n.jb-accordion-item {\n border-bottom: 1px solid var(--jb-border);\n margin: 0;\n padding: 0;\n}\n\n.jb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jb-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.jb-accordion-header:hover {\n background: var(--jb-primary-light);\n}\n\n.jb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jb-primary);\n transition: transform .2s ease;\n}\n\n.jb-accordion-item[open] .jb-accordion-header::after {\n content: '−';\n}\n\n.jb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.jb-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.jb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.jb-cta-box {\n background: linear-gradient(135deg, var(--jb-primary) 0%, var(--jb-primary-dark) 100%);\n border-radius: var(--jb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.jb-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.jb-disclaimer {\n font-size: 12px;\n color: var(--jb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .jb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .jb-card {\n padding: 1.125rem;\n }\n \n .jb-section {\n margin-bottom: 1.75rem;\n }\n \n .jb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jb-radius-sm);\n }\n \n .jb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .jb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .jb-grid-compact {\n gap: .625rem;\n }\n \n .jb-grid-compact .jb-card {\n padding: .75rem;\n }\n \n .jb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .jb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .jb-timeline-content h3 {\n font-size: 14px;\n }\n \n .jb-timeline-content p {\n font-size: 13px;\n }\n \n .jb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .jb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .jb-tip {\n padding: .875rem 1rem;\n }\n \n .jb-tip-icon {\n font-size: 20px;\n }\n \n .jb-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .jb-card {\n animation: jbFadeInUp .5s ease backwards;\n }\n .jb-card:nth-child(1) { animation-delay: .05s; }\n .jb-card:nth-child(2) { animation-delay: .1s; }\n .jb-card:nth-child(3) { animation-delay: .15s; }\n .jb-card:nth-child(4) { animation-delay: .2s; }\n .jb-card:nth-child(5) { animation-delay: .25s; }\n .jb-card:nth-child(6) { animation-delay: .3s; }\n .jb-card:nth-child(7) { animation-delay: .35s; }\n .jb-card:nth-child(8) { animation-delay: .4s; }\n \n .jb-timeline-item {\n animation: jbFadeInUp .5s ease backwards;\n }\n .jb-timeline-item:nth-child(1) { animation-delay: .1s; }\n .jb-timeline-item:nth-child(2) { animation-delay: .15s; }\n .jb-timeline-item:nth-child(3) { animation-delay: .2s; }\n .jb-timeline-item:nth-child(4) { animation-delay: .25s; }\n .jb-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes jbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .jb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":55204856463737,"sku":"CE0590","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Soin-Activateur-de-Boucles-Anti-Frisottis-certifie-bio_200ml_Centifolia.webp?v=1747223459"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/centifolia.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}