{"title":"Soin Capillaire","description":"\u003cp\u003eCheveux qui cassent, pointes rêches, boucles qui frisottent ou cuir chevelu qui réclame de l'attention : le bon soin capillaire dépend avant tout de ce que vos cheveux vous disent. Voici comment vous repérer dans cette sélection pour choisir sans hésiter.\u003c\/p\u003e\n\u003ch2\u003eQuel soin capillaire choisir selon votre besoin ?\u003c\/h2\u003e\n\u003cp\u003ePartez de votre besoin : du meilleur soin cheveux secs au démêlant, chaque ligne mène à un soin cheveux naturel précis.\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eVotre besoin\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eLe format le plus adapté\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eNos suggestions et pourquoi\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eCheveux secs, effet paille\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eBeurre ou masque nourrissant\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/beurre-de-karite-peau-et-cheveux-secs-100-ml-comptoir-des-huiles-1\" target=\"_blank\"\u003eBeurre de Karité Bio - Comptoir des Huiles\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/beurre-karite-bio-najel-150-ml\" target=\"_blank\"\u003eBeurre de Karité Brut Bio - Najel\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/masque-reparateur-argile-et-karite-bio-200-g-k-pour-karite\" target=\"_blank\"\u003eMasque Réparateur Argile \u0026amp; Karité Bio - K pour Karité\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-top: 8px;\"\u003eLe karité, riche en corps gras, gaine la fibre et limite l'aspect rêche.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eCheveux abîmés, cassants\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMasque ou huile\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/masque-keratine-repair-lamazuna\" target=\"_blank\"\u003eMasque Kératine Repair - Lamazuna\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/huile-d-argan-100-bio-50-ml-arc-en-sels\" target=\"_blank\"\u003eHuile d'Argan Bio Restructurant - Arc en Sels\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-top: 8px;\"\u003eKératine et action restructurante annoncées dans leur nom.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eCheveux ternes, sans éclat\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMasque ou huile fluide\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/masque-cheveux-soin-brillance-intense-3-en-1-250-ml-centifolia\" target=\"_blank\"\u003eMasque Soin Brillance Intense 3 en 1 - Centifolia\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/huile-de-camelia-100-bio-30-ml-arc-en-sels\" target=\"_blank\"\u003eHuile de Camélia Bio - Arc en Sels\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-top: 8px;\"\u003eLe camélia, fluide, si les textures lourdes vous pèsent.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eBoucles et frisottis\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGel-crème\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/gel-creme-definisseur-de-boucles-anti-frisottis-bio-150-ml-centifolia\" target=\"_blank\"\u003eGel-crème définisseur de boucles anti-frisottis Bio - Centifolia\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-top: 8px;\"\u003eEntre soin et coiffage.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eNœuds, démêlage difficile\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLotion sans rinçage\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-200-ml-centifolia\" target=\"_blank\"\u003eLotion Démêlante Sans Rinçage au Vinaigre de Framboise Bio - Centifolia\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-top: 8px;\"\u003ePratique au quotidien.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eCheveux fragiles à fortifier\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eHuile de ricin ou soin dédié\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles\" target=\"_blank\"\u003eHuile de Ricin Bio Fortifiante - Comptoir des Huiles\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/huile-ricin-bio-saint-hilaire-200ml\" target=\"_blank\"\u003eHuile Végétale de Ricin Bio 200 ml - Saint-Hilaire\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/capitonic-cosmetique-haut-de-gamme-cheveu-125-ml-jade-recherche\" target=\"_blank\"\u003eCapitonic Anti-Chute et Repousse - Jade Recherche\u003c\/a\u003e\u003c\/span\u003e \u003cspan style=\"display: block; margin-top: 8px;\"\u003eLe ricin Saint-Hilaire en 200 ml pour un usage régulier, Capitonic en soin dédié.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eCuir chevelu à rééquilibrer\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eHuile purifiante\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca rel=\"noopener noreferrer\" href=\"\/products\/huile-de-nigelle-purifiante-50ml-comptoir-des-huiles\" target=\"_blank\"\u003eHuile de Nigelle Bio Purifiante - Comptoir des Huiles\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2\u003eHuiles, beurres ou masques : comment faire la différence\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Huile\u003c\/strong\u003e : soin ciblé, dosable à la goutte, en bain avant shampoing ou en finition.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Beurre\u003c\/strong\u003e : texture riche, le soin naturel pour cheveux secs, épais, bouclés ou crépus.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Masque\u003c\/strong\u003e : prêt à l'emploi, posé après le shampoing.\u003c\/p\u003e\n\u003cp\u003eLes huiles diffèrent par leur profil en acides gras : le ricin, très riche en acide ricinoléique, lui doit sa texture épaisse, idéale avant shampoing. Des travaux en dermatologie capillaire suggèrent d'ailleurs que certaines huiles végétales aident à limiter le dessèchement de la fibre.\u003c\/p\u003e\n\u003cp\u003eCôté qualité : nos huiles de ricin, camélia, argan et nigelle portent la mention bio, comme le Beurre de Karité Brut Bio de Najel, et son Beurre de Karité Parfum Cacao est Certifié Bio. Bon à savoir : une huile capillaire bio pure n'affiche idéalement qu'un seul ingrédient dans sa liste INCI.\u003c\/p\u003e\n\u003ch2\u003eBien utiliser votre soin et les précautions à connaître\u003c\/h2\u003e\n\u003cp\u003eDes repères courants, à ajuster selon chaque notice :\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Bain d'huile\u003c\/strong\u003e : \u003cstrong\u003eenviron 1 cuillère à soupe\u003c\/strong\u003e sur les longueurs (plus si cheveux longs), \u003cstrong\u003e30 minutes à une nuit\u003c\/strong\u003e de pose, puis shampoing, \u003cstrong\u003e1 fois par semaine\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Finition\u003c\/strong\u003e : \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e chauffées entre les paumes, sur cheveux secs ou humides.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Masque\u003c\/strong\u003e : \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e après le shampoing, \u003cstrong\u003e5 à 15 minutes\u003c\/strong\u003e de pose.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Ricin\u003c\/strong\u003e : coupez-le d'huile de camélia, il se rincera plus facilement.\u003c\/p\u003e\n\u003cp\u003eTest au pli du coude 24 h avant le premier usage, attention aux yeux, et prudence en cas d'allergie aux fruits à coque (argan, karité). Enceinte ou allaitante : demandez l'avis d'un pharmacien.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChute soudaine, abondante ou persistante ? Consultez un médecin ou un dermatologue avant d'essayer un soin comme Capitonic\u003c\/strong\u003e : la cause peut être hormonale, carentielle ou médicale.\u003c\/p\u003e\n\u003ch2\u003eConstruire une routine capillaire cohérente\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : deux soins bien choisis valent mieux qu'une étagère pleine. Complétez avec le lavage parmi notre gamme de \u003ca rel=\"noopener\" href=\"\/collections\/cheveux\" target=\"_blank\"\u003eproduits cheveux bio\u003c\/a\u003e, prolongez le soin de vos boucles avec un \u003ca rel=\"noopener\" href=\"\/collections\/coiffant\" target=\"_blank\"\u003eproduit coiffant\u003c\/a\u003e, et si vous utilisez une \u003ca rel=\"noopener\" href=\"\/collections\/coloration-vegetale-cheveux\" target=\"_blank\"\u003ecoloration végétale\u003c\/a\u003e, glissez un bain d'huile ou un masque entre deux applications : un cheveu coloré a besoin d'être nourri.\u003c\/p\u003e\n\u003cp\u003eNotre conseil : commencez par le soin capillaire bio qui répond à votre besoin principal, observez quelques semaines, puis ajustez.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEst-il bon de mettre de l'huile sur les cheveux ?\u003c\/summary\u003e\n\u003cp\u003eOui, à condition d'adapter la dose et le moment. En bain avant shampoing, l'huile nourrit les longueurs en profondeur ; en finition, quelques gouttes suffisent sur les pointes pour les lisser. Les cheveux fins préfèrent les huiles légères comme le camélia, en petites quantités, plutôt sur les pointes qu'aux racines. Le piège le plus courant ? En mettre trop d'un coup.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur masque naturel pour cheveux secs ?\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas de meilleur masque absolu, tout dépend de vos cheveux. Pour une nutrition intense, un masque cheveux naturel à base de karité, comme le Masque Réparateur Argile \u0026amp; Karité Bio de K pour Karité, est un bon point de départ. Autre option : un beurre de karité pur appliqué en masque avant shampoing. Dans les deux cas, 1 à 2 fois par semaine suffisent.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment enlever l'effet paille sur les cheveux ?\u003c\/summary\u003e\n\u003cp\u003eCommencez par nourrir avec un masque ou un beurre, puis démêlez sans arracher : une lotion démêlante sans rinçage aide beaucoup. Limitez la chaleur (sèche-cheveux brûlant, lisseur) et terminez par quelques gouttes d'huile sur les pointes. Soyons honnêtes : si les pointes sont très abîmées, une petite coupe reste souvent la solution la plus rapide pour repartir sur une base saine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle huile végétale est la plus efficace pour fortifier les cheveux ?\u003c\/summary\u003e\n\u003cp\u003eL'huile de ricin est traditionnellement choisie pour fortifier les cheveux : vous la trouverez dans cette sélection chez Comptoir des Huiles (mention « Fortifiante ») et chez Saint-Hilaire. Des travaux sur les huiles végétales en soin capillaire s'y intéressent, sans qu'on puisse parler de solution miracle. Utilisez-la plutôt en bain avant shampoing. En cas de chute marquée, un avis médical s'impose avant tout soin.\u003c\/p\u003e\n\u003c\/details\u003e","products":[{"product_id":"masque-reparateur-argile-et-karite-bio-200-g-k-pour-karite","title":"Masque Réparateur Argile \u0026 Karité Bio - 200g - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 200g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eMasque Réparateur Argile \u0026amp; Karité Bio\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eLa puissance purifiante de l'argile alliée aux vertus nourrissantes du karité bio pour redonner vie, douceur et éclat à vos cheveux abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eMasque réparateur argile \u0026amp; karité bio : un soin profond pour vos cheveux abîmés\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVos cheveux sont secs, cassants ou fragilisés par les colorations, le soleil ou la chaleur du sèche-cheveux ?\u003c\/p\u003e\n \u003cdiv class=\"kpk-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eMasque Réparateur Argile \u0026amp; Karité Bio\u003c\/strong\u003e de \u003cstrong\u003eK pour Karité\u003c\/strong\u003e est un masque réparateur pour cheveux qui associe la puissance purifiante de l'argile aux vertus nourrissantes du beurre de karité. Certifié bio par Ecocert et fabriqué en France, ce soin capillaire de 200 g redonne vie, douceur et éclat à votre chevelure dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un masque argile pour cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-two-col\"\u003e\n \u003cdiv class=\"kpk-col-text\"\u003e\n \u003cp\u003eL'argile est un actif naturel prisé en cosmétique capillaire pour ses propriétés exceptionnelles. Utilisée en \u003cstrong\u003emasque argile verte pour cheveux\u003c\/strong\u003e, elle absorbe l'excès de sébum, élimine les résidus de pollution et de produits coiffants, tout en reminéralisant la fibre capillaire.\u003c\/p\u003e\n \u003cp\u003eContrairement aux masques conventionnels chargés en silicones, un \u003cstrong\u003emasque cheveux argile verte\u003c\/strong\u003e agit en profondeur sans étouffer le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-col-text\"\u003e\n \u003cp\u003eAssociée au beurre de karité bio, l'argile offre ici un équilibre parfait : elle purifie et allège tandis que le karité nourrit et répare intensément.\u003c\/p\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eVos cheveux retrouvent leur souplesse naturelle, sans effet lourd ni gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪨 Argile (kaolin)\u003c\/h3\u003e\n \u003cp\u003ePurifie le cuir chevelu, absorbe les impuretés et apporte volume et légèreté aux cheveux fins ou alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-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, répare les pointes fourchues et protège contre la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur, apaise les cuirs chevelus sensibles et renforce la structure du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eRégule naturellement la production de sébum et gaine le cheveu sans l'alourdir, pour une brillance saine et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans sulfates\u003c\/strong\u003e. Tous les ingrédients sont d'origine naturelle, dans le respect de votre santé et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser ce masque réparateur cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampooing, essorez délicatement vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noix de produit et appliquez-la sur les longueurs et les pointes, en évitant les racines si vos cheveux sont à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eDémêlez et répartissez\u003c\/h3\u003e\n \u003cp\u003eDémêlez avec un peigne à dents larges pour répartir le soin uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003ePour les cheveux très abîmés, enveloppez votre chevelure dans une serviette chaude afin d'intensifier la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède pour des cheveux soyeux et revitalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e une à deux fois par semaine en cure, ou une fois toutes les deux semaines en entretien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eCe masque argile cheveux convient à tous les types de cheveux, mais il sera particulièrement apprécié si vous avez les cheveux :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔥 Secs et cassants\u003c\/h3\u003e\n \u003cp\u003eCheveux fragilisés, fourchus, en manque de nutrition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧪 Traités chimiquement\u003c\/h3\u003e\n \u003cp\u003eFragilisés par les colorations, lissages ou permanentes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e😔 Ternes et fatigués\u003c\/h3\u003e\n \u003cp\u003eEn manque de vitalité, d'éclat et de brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪨 Alourdis\u003c\/h3\u003e\n \u003cp\u003eRésidus de produits coiffants accumulés sur la fibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagements qualité K pour Karité\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌾 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée, pour un soin respectueux de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eFilières de commerce équitable pour l'approvisionnement en beurre de karité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit par le Laboratoire Ariland, garantissant traçabilité rigoureuse et contrôle qualité exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eOffrez à vos cheveux un soin naturel, efficace et respectueux. Ce \u003cstrong\u003emasque réparateur argile et karité bio\u003c\/strong\u003e deviendra vite un indispensable de votre routine capillaire. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #faf7f3;\n --kpk-white: #ffffff;\n --kpk-primary: #8B5E3C;\n --kpk-primary-dark: #5C3A1E;\n --kpk-primary-light: #f5ede5;\n --kpk-secondary: #C4854C;\n --kpk-accent: #A0522D;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e8ddd2;\n --kpk-shadow: 0 4px 24px rgba(92,58,30,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(92,58,30,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kpk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 45%, #C4854C 100%);\n border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-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.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-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.kpk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-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.kpk-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(--kpk-primary), var(--kpk-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kpk-highlight-box {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-secondary);\n}\n\n.kpk-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kpk-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.kpk-highlight-box strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === TWO COLUMNS === *\/\n.kpk-two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n}\n\n.kpk-col-text {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-col-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.kpk-col-text p:last-child,\n.kpk-col-text .kpk-tip:last-child {\n margin-bottom: 0;\n}\n\n.kpk-col-text strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kpk-tip strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-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.kpk-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 TEXT === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-two-col {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-highlight-box {\n padding: 1.25rem;\n }\n\n .kpk-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n\n .kpk-timeline-item {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .kpk-timeline-item:nth-child(2) { animation-delay: .1s; }\n .kpk-timeline-item:nth-child(3) { animation-delay: .15s; }\n .kpk-timeline-item:nth-child(4) { animation-delay: .2s; }\n .kpk-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes kpkFadeInUp {\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 .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010154653,"sku":"REF992","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-reparateur-argile-karite-bio-200g-k-pour-karite-packshothd.webp?v=1775993730"},{"product_id":"beurre-de-karite-200-g-k-pour-karite","title":"Beurre de Karité - 200 g - K pour Karité","description":"\u003cdiv class=\"kk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kk-hero\"\u003e\n \u003cdiv class=\"kk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kk-hero-content\"\u003e\n \u003cdiv class=\"kk-badges-top\"\u003e\n \u003cspan class=\"kk-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🧴 200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kk-hero-title\"\u003eBeurre de Karité Bio\u003c\/span\u003e\n \u003cp class=\"kk-subtitle\"\u003eK pour Karité — Laboratoire Ariland\u003c\/p\u003e\n \u003cp class=\"kk-description\"\u003eUn seul ingrédient d'une pureté totale. Soin cheveux \u0026amp; corps certifié bio par Ecocert, pur et non raffiné, pour nourrir, protéger et réparer au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eBeurre de karité bio K pour Karité : un soin cheveux et corps d'exception\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eVous cherchez un soin naturel capable de nourrir intensément votre peau \u003cstrong\u003eet\u003c\/strong\u003e vos cheveux en un seul geste ? Le \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e K pour Karité est un indispensable à glisser dans votre salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌱 100 % pur\u003c\/h3\u003e\n \u003cp\u003eNon raffiné, sans aucun additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💛 Actifs préservés\u003c\/h3\u003e\n \u003cp\u003eVitamines A, D, E, F et acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e📦 Format généreux\u003c\/h3\u003e\n \u003cp\u003e200 g pour des semaines de routine beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité pur et bio ?\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eTous les beurres de karité ne se valent pas. Beaucoup sont raffinés, désodorisés ou mélangés à des additifs qui appauvrissent leurs qualités. Celui de K pour Karité est \u003cstrong\u003e100 % pur\u003c\/strong\u003e, sans aucun ajout chimique.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧬 Vitamines A, D, E et F\u003c\/h3\u003e\n \u003cp\u003eConcentration maximale en vitamines essentielles grâce à l'absence de raffinage. Votre peau reçoit le meilleur du karité brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🫧 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eRichesse en insaponifiables et acides gras qui confèrent ses propriétés nourrissantes, protectrices et réparatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eSa texture onctueuse fond au contact de la peau et pénètre rapidement sans laisser de sensation grasse désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eLes bienfaits du beurre de karité pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eL'un des soins capillaires naturels les plus polyvalents qui existent. Découvrez comment l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"kk-timeline\"\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez le beurre de karité sur cheveux secs, mèche par mèche, en insistant sur les longueurs et les pointes. Laissez poser 30 minutes à 1 heure sous une serviette chaude, puis lavez normalement. Vos cheveux retrouvent douceur et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n \u003cp\u003eChauffez une noisette de beurre de karité entre vos paumes et lissez les pointes sèches ou fourchues. Idéal pour discipliner les cheveux crépus, frisés ou bouclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eProtection contre la chaleur et le froid\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité forme un film protecteur sur les cheveux qui limite la casse liée aux agressions extérieures, été comme hiver.\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=\"kk-section\"\u003e\n \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eAu-delà des cheveux, ce beurre de karité bio est un allié remarquable pour toutes les zones du corps qui manquent de confort.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez une fine couche le soir pour nourrir les peaux sèches ou sensibles pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement les zones rugueuses : coudes, genoux et talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n \u003cp\u003eProtégez-les des gerçures hivernales grâce à un massage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💋 Lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme baume naturel pour apaiser et réparer les lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kk-compo-box\"\u003e\n \u003cdiv class=\"kk-compo-single\"\u003e\n \u003cspan class=\"kk-compo-name\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003cspan class=\"kk-compo-tag\"\u003e* Ingrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kk-compo-note\"\u003eC'est tout. Aucun conservateur, aucun parfum synthétique, aucun colorant. Un seul ingrédient, d'une pureté totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eOrigine et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇧🇫 Burkina Faso\u003c\/h3\u003e\n \u003cp\u003eLes noix de karité sont récoltées par des coopératives de femmes, selon des méthodes artisanales transmises de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez l'autonomie économique de ces communautés locales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eLe Laboratoire Ariland s'engage dans une démarche responsable, de la récolte jusqu'au conditionnement en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNos conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"kk-accordion\"\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre pot à l'abri de la chaleur directe. Si le beurre durcit en hiver, réchauffez-le simplement entre vos mains avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e🧪 Recettes maison\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eVous pouvez le faire fondre légèrement au bain-marie pour l'incorporer dans vos recettes cosmétiques maison — masques capillaires, baumes ou crèmes hydratantes personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-tip\"\u003e\n \u003cspan class=\"kk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAstuce : appliquez le beurre de karité sur peau encore légèrement humide après la douche pour une absorption optimale et un effet cocooning immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kk-cream: #f7f3ee;\n --kk-white: #ffffff;\n --kk-primary: #b8955a;\n --kk-primary-dark: #7a5c2e;\n --kk-primary-light: #f3ebe0;\n --kk-secondary: #8b7355;\n --kk-accent: #d4a84b;\n --kk-text: #1a1a1a;\n --kk-text-light: #5a5a5a;\n --kk-border: #e4ddd4;\n --kk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kk-radius: 20px;\n --kk-radius-sm: 12px;\n}\n\n.kk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kk-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5c2e 0%, #b8955a 50%, #d4a84b 100%);\n border-radius: var(--kk-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(--kk-shadow-lg);\n}\n\n.kk-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 url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.kk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kk-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.kk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.kk-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.kk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kk-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(--kk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kk-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.kk-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(--kk-primary), var(--kk-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kk-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.kk-card {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kk-shadow-lg);\n border-color: var(--kk-primary);\n}\n\n.kk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kk-grid-compact .kk-card {\n padding: 1rem;\n}\n\n.kk-grid-compact .kk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kk-grid-compact .kk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kk-primary), var(--kk-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.kk-timeline-content {\n flex: 1;\n background: var(--kk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kk-radius-sm);\n box-shadow: var(--kk-shadow);\n}\n\n.kk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kk-timeline-content p {\n font-size: 14px;\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kk-compo-box {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kk-shadow);\n text-align: center;\n}\n\n.kk-compo-single {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--kk-border);\n}\n\n.kk-compo-name {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n letter-spacing: -.01em;\n}\n\n.kk-compo-tag {\n display: inline-block;\n padding: 4px 14px;\n background: var(--kk-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--kk-primary-dark);\n}\n\n.kk-compo-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.kk-accordion {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n box-shadow: var(--kk-shadow);\n overflow: hidden;\n}\n\n.kk-accordion-item {\n border-bottom: 1px solid var(--kk-border);\n margin: 0;\n padding: 0;\n}\n\n.kk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kk-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.kk-accordion-header:hover {\n background: var(--kk-primary-light);\n}\n\n.kk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kk-primary);\n transition: transform .2s ease;\n}\n\n.kk-accordion-item[open] .kk-accordion-header::after {\n content: '−';\n}\n\n.kk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kk-primary-light);\n border-radius: var(--kk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kk-tip p {\n font-size: 14px;\n color: var(--kk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kk-card {\n padding: 1.125rem;\n }\n\n .kk-section {\n margin-bottom: 1.75rem;\n }\n\n .kk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kk-radius-sm);\n }\n\n .kk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kk-grid-compact {\n gap: .625rem;\n }\n\n .kk-grid-compact .kk-card {\n padding: .75rem;\n }\n\n .kk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kk-timeline-content p {\n font-size: 13px;\n }\n\n .kk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kk-compo-name {\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kk-card {\n animation: kkFadeInUp .5s ease backwards;\n }\n .kk-card:nth-child(1) { animation-delay: .05s; }\n .kk-card:nth-child(2) { animation-delay: .1s; }\n .kk-card:nth-child(3) { animation-delay: .15s; }\n .kk-card:nth-child(4) { animation-delay: .2s; }\n .kk-card:nth-child(5) { animation-delay: .25s; }\n .kk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010449565,"sku":"REF994","price":22.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-200-g-k-pour-karite-packshothd.webp?v=1775998211"},{"product_id":"poudre-daloe-vera-100-g-ayurvana","title":"Poudre d’Aloe vera bio 100g – AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre d'Aloe vera bio 100g – AyurVana\nPalette détectée:\n - Primaire: #4a7c3f (vert olive\/foncé du bandeau et de la typographie packaging)\n - Secondaire: #6db44d (vert vif de la plante aloe vera)\n - Accent: #c4903d (kraft\/brun doré du sachet)\n - Cream: #f7f3ec (beige clair rappelant l'étiquette)\n - Primary-light: #eef5e8 (vert très pâle)\nAmbiance: Naturel\/bio, ayurvédique, chaleureux, artisanal, indien avec motifs paisley colorés\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir la poudre d'Aloe vera plutôt qu'un gel ?\"\n 2. \"Bienfaits de la poudre d'Aloe vera pour la peau\"\n 3. \"Un soin capillaire naturel et efficace\"\n 4. \"Comment utiliser la poudre d'Aloe vera AyurVana ?\"\n 5. \"Composition\"\n 6. \"Origine et qualité AyurVana\"\n 7. \"Les engagements de ce produit\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003ePoudre d'Aloe vera bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eBeauté du corps et des cheveux — AyurVana\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eUn concentré de nature issu de l'\u003cem\u003eAloe barbadensis\u003c\/em\u003e, utilisé depuis des millénaires en médecine ayurvédique. 100 g de poudre pure, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir la poudre d'Aloe vera plutôt qu'un gel ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous connaissez le gel ou le jus d'aloe vera bio. Mais la forme en poudre présente des avantages souvent méconnus :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🔬 Concentration supérieure\u003c\/h3\u003e\n \u003cp\u003eSans eau ajoutée, la poudre offre une densité d'actifs bien plus élevée qu'un gel aloe vera 100 pur bio classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🕰️ Longue conservation\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur nécessaire : la poudre se conserve naturellement pendant des mois dans son sachet refermable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⚖️ Dosage sur mesure\u003c\/h3\u003e\n \u003cp\u003eAdaptez la texture et la quantité exacte à chaque utilisation : masque visage, soin capillaire ou boisson bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre d'Aloe vera pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eRiche en polysaccharides, l'aloe vera agit comme un véritable bouclier hydratant qui nourrit les peaux sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSa douceur naturelle calme les peaux sensibles, irritées ou réactives sans aucune agressivité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eGrâce aux vitamines A, C, E et aux enzymes naturelles, elle aide à maintenir l'éclat des peaux ternes et fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon action douce la rend adaptée à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUn soin capillaire naturel et efficace\u003c\/h2\u003e\n \u003cdiv class=\"av-testimonial\"\u003e\n \u003cp class=\"av-testimonial-text\"\u003eAppliquée en masque, la poudre d'aloe vera hydrate le cuir chevelu, réduit les démangeaisons et apporte brillance et souplesse à la fibre capillaire. Elle se combine parfaitement avec d'autres poudres ayurvédiques comme le shikakaï ou le brahmi pour des soins sur mesure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eAlternative naturelle idéale aux soins conventionnels pour des cheveux nourris, brillants et revitalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre d'Aloe vera AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eMasque visage hydratant\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 cuillère à café de poudre avec un peu d'eau tiède ou d'eau florale. Appliquez sur le visage, laissez poser 10 à 15 minutes, puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eMasque capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 cuillère à soupe avec de l'eau tiède jusqu'à obtenir une pâte onctueuse. Appliquez sur les longueurs et le cuir chevelu, laissez agir 20 à 30 minutes avant votre shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eSoin corps apaisant\u003c\/h3\u003e\n \u003cp\u003eIncorporez la poudre à une huile végétale (coco, jojoba) pour un cataplasme apaisant sur les zones sèches ou inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eUsage interne ponctuel\u003c\/h3\u003e\n \u003cp\u003eDiluez ½ cuillère à café dans un smoothie ou une infusion tiède. Demandez toujours l'avis d'un professionnel de santé avant toute consommation régulière.\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=\"av-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"av-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003ePoudre d'Aloe vera (\u003cem\u003eAloe barbadensis\u003c\/em\u003e) issue de l'agriculture biologique. \u003cstrong\u003e100 % pure\u003c\/strong\u003e, sans conservateurs, sans additifs, sans colorants.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePoids net : 100 g\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eOrigine et qualité AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌍 Récolte et origine\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLa plante est récoltée à la main en Inde, dans des plantations certifiées bio, respectant les traditions ayurvédiques ancestrales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌡️ Séchage à basse température\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est ensuite séchée à basse température puis finement broyée afin de \u003cstrong\u003epréserver l'intégralité de ses actifs naturels\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🇫🇷 Conditionnement en France\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLe conditionnement est réalisé en France, garantissant une traçabilité complète et un contrôle qualité rigoureux.\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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes engagements de ce produit\u003c\/h2\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 100 % pur\u003c\/h3\u003e\n \u003cp\u003eSans additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux, bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🌿 Un concentré de nature ancestrale pour sublimer votre peau et vos cheveux au quotidien, en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute ou de condition particulière, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --av-cream: #f7f3ec;\n --av-white: #ffffff;\n --av-primary: #4a7c3f;\n --av-primary-dark: #345a2b;\n --av-primary-light: #eef5e8;\n --av-secondary: #6db44d;\n --av-accent: #c4903d;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0ddd6;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #345a2b 0%, #4a7c3f 40%, #6db44d 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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,.05) 0%, transparent 45%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.9);\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.av-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.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.av-card p + p {\n margin-top: .5rem;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n\n .av-timeline-item {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-timeline-item:nth-child(1) { animation-delay: .05s; }\n .av-timeline-item:nth-child(2) { animation-delay: .1s; }\n .av-timeline-item:nth-child(3) { animation-delay: .15s; }\n .av-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096694941,"sku":"AY9961","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-aloe-vera-100g-ayurvana.webp?v=1749648374"},{"product_id":"poudre-de-manjistha-100-g-ayurvana","title":"Poudre de Manjistha bio (Garance indienne) 100g - Ayur Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre de Manjistha bio (Garance indienne) 100g - Ayur Vana\nPalette détectée:\n - Primaire: #C4413D (rouge garance du bandeau packaging)\n - Secondaire: #2B7A5B (vert\/turquoise des motifs paisley)\n - Accent: #E8A63D (orange\/safran des gouttes décoratives)\n - Crème: #F5EDE0 (fond crème\/beige de l'étiquette)\n - Kraft: #B8956B (sachet kraft naturel)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: mj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi utiliser la poudre de manjistha ?\"\n 2. \"Comment utiliser la poudre de manjistha AyurVana ?\"\n 3. \"Composition et pureté\"\n 4. \"Origine et fabrication responsable\"\n 5. \"Pourquoi choisir AyurVana pour votre Manjistha ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mj-hero\"\u003e\n \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mj-hero-content\"\u003e\n \u003cdiv class=\"mj-badges-top\"\u003e\n \u003cspan class=\"mj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mj-hero-title\"\u003ePoudre de Manjistha Bio\u003c\/span\u003e\n \u003cp class=\"mj-subtitle\"\u003eGarance indienne • Rubia Cordifolia\u003c\/p\u003e\n \u003cp class=\"mj-description\"\u003eSoin ayurvédique ancestral 100% pur pour une peau clarifiée, des cheveux fortifiés et un organisme purifié. La puissance détoxifiante de l'Inde dans un sachet de 100g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003ePourquoi utiliser la poudre de manjistha ?\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eClarifie le teint, apaise les imperfections (acné, taches, irritations) et révèle l'éclat naturel de la peau grâce à sa richesse en antioxydants et actifs détoxifiants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e💆 Routine capillaire\u003c\/h3\u003e\n \u003cp\u003eEn masque, fortifie la chevelure, stimule la croissance, régule les cuirs chevelus gras et apaise les démangeaisons pour des cheveux sains et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🕉️ Tradition ayurvédique\u003c\/h3\u003e\n \u003cp\u003eFavorise l'équilibre des doshas, aide à éliminer les toxines et purifie l'organisme selon les usages ancestraux indiens (avis médical recommandé pour usage interne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre de manjistha AyurVana ?\u003c\/h2\u003e\n \n \u003cdiv class=\"mj-usage-grid\"\u003e\n \u003cdiv class=\"mj-usage-block\"\u003e\n \u003cdiv class=\"mj-usage-header\"\u003e\n \u003cspan class=\"mj-usage-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline\"\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n \u003cp\u003eMélangez une cuillère de poudre avec un peu d'eau, d'hydrolat ou de yaourt pour obtenir une pâte souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur peau propre, laissez poser 10 à 15 minutes (évitez le contour des yeux).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eRincez et révélez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède en massant délicatement pour exfolier et révéler une peau nette et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mj-usage-block\"\u003e\n \u003cdiv class=\"mj-usage-header\"\u003e\n \u003cspan class=\"mj-usage-icon\"\u003e💇\u003c\/span\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline\"\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003ePréparez le soin\u003c\/h3\u003e\n \u003cp\u003ePréparez une pâte avec de l'eau tiède jusqu'à consistance crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et posez\u003c\/h3\u003e\n \u003cp\u003eRépartissez sur le cuir chevelu et les longueurs. Laissez agir 20 à 30 minutes sous une serviette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eConvient à tous types de cheveux, notamment pour apaiser et purifier le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mj-tip\"\u003e\n \u003cspan class=\"mj-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Toujours effectuer un test de tolérance sur une petite zone avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003eComposition et pureté\u003c\/h2\u003e\n \u003cdiv class=\"mj-composition-box\"\u003e\n \u003cdiv class=\"mj-composition-main\"\u003e\n \u003cspan class=\"mj-composition-percent\"\u003e100%\u003c\/span\u003e\n \u003cdiv class=\"mj-composition-text\"\u003e\n \u003ch3\u003ePoudre de racine de Manjistha bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRubia Cordifolia\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-composition-badges\"\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e🎨 Sans colorant\u003c\/span\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e✅ Sans ajout\u003c\/span\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e🏆 Qualité premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n \u003cdiv class=\"mj-origin-card\"\u003e\n \u003cdiv class=\"mj-origin-content\"\u003e\n \u003cp\u003eRécoltée \u003cstrong\u003een Inde\u003c\/strong\u003e, selon la tradition ayurvédique millénaire, la poudre de manjistha AyurVana est obtenue par \u003cstrong\u003eséchage doux et broyage fin\u003c\/strong\u003e, garantissant l'intégrité des actifs précieux de la plante.\u003c\/p\u003e\n \u003cp\u003eLa marque s'engage pour une \u003cstrong\u003eagriculture éthique\u003c\/strong\u003e, respectueuse des producteurs locaux et de l'environnement, perpétuant un savoir-faire ancestral dans le respect de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-origin-icons\"\u003e\n \u003cdiv class=\"mj-origin-icon-item\"\u003e\n \u003cspan\u003e🌍\u003c\/span\u003e\n \u003cspan\u003eÉthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-origin-icon-item\"\u003e\n \u003cspan\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eDurable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-origin-icon-item\"\u003e\n \u003cspan\u003e🤝\u003c\/span\u003e\n \u003cspan\u003eÉquitable\u003c\/span\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=\"mj-section\"\u003e\n \u003ch2\u003ePourquoi choisir AyurVana pour votre Manjistha ?\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid-compact\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🌿 Qualité certifiée bio\u003c\/h3\u003e\n \u003cp\u003eSécurité et efficacité maximales garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🔄 Polyvalence d'usage\u003c\/h3\u003e\n \u003cp\u003eVisage, cheveux, rituels ayurvédiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e💎 Formule 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans aucun additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine contrôlée\u003c\/h3\u003e\n \u003cp\u003eRécoltée éthiquement en Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🐰 Convient aux végans\u003c\/h3\u003e\n \u003cp\u003eSans test sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionné avec soin en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mj-cta-box\"\u003e\n \u003cp\u003e🕉️ Offrez à votre peau et vos cheveux le meilleur de l'ayurvéda avec la poudre de Manjistha AyurVana — pour une beauté naturelle, saine et rayonnante jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mj-disclaimer\"\u003eLes compléments alimentaires et produits cosmétiques ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --mj-cream: #FAF6F1;\n --mj-white: #ffffff;\n --mj-primary: #C4413D;\n --mj-primary-dark: #9A322F;\n --mj-primary-light: #FCEEED;\n --mj-secondary: #2B7A5B;\n --mj-secondary-light: #E8F5EF;\n --mj-accent: #E8A63D;\n --mj-kraft: #B8956B;\n\n \/* Textes *\/\n --mj-text: #1a1a1a;\n --mj-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mj-border: #e0e0e0;\n --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mj-radius: 20px;\n --mj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-primary-dark) 40%, var(--mj-secondary) 100%);\n border-radius: var(--mj-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(--mj-shadow-lg);\n}\n\n.mj-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-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 25c-8 0-15 7-15 15h30c0-8-7-15-15-15z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.mj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mj-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(--mj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mj-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.mj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mj-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\/* === SECTIONS === *\/\n.mj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mj-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.mj-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(--mj-primary), var(--mj-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.mj-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mj-card {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mj-shadow-lg);\n border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === USAGE GRID === *\/\n.mj-usage-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mj-usage-block {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: 1.5rem;\n box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--mj-primary-light);\n}\n\n.mj-usage-icon {\n font-size: 28px;\n}\n\n.mj-usage-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mj-timeline {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.mj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mj-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--mj-primary), var(--mj-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: 14px;\n}\n\n.mj-timeline-content {\n flex: 1;\n background: var(--mj-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--mj-radius-sm);\n}\n\n.mj-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mj-timeline-content p {\n font-size: 13px;\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mj-secondary-light);\n border-radius: var(--mj-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--mj-secondary);\n}\n\n.mj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mj-tip p {\n font-size: 14px;\n color: var(--mj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mj-composition-box {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mj-shadow);\n text-align: center;\n}\n\n.mj-composition-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px dashed var(--mj-border);\n}\n\n.mj-composition-percent {\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n}\n\n.mj-composition-text {\n text-align: left;\n}\n\n.mj-composition-text h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mj-composition-text p {\n font-size: 14px;\n color: var(--mj-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.mj-composition-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n}\n\n.mj-comp-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 8px 14px;\n background: var(--mj-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--mj-secondary);\n}\n\n\/* === ORIGIN CARD === *\/\n.mj-origin-card {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mj-shadow);\n border-left: 4px solid var(--mj-accent);\n}\n\n.mj-origin-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mj-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mj-origin-content p:last-child {\n margin-bottom: 1.5rem;\n}\n\n.mj-origin-icons {\n display: flex;\n justify-content: center;\n gap: 2rem;\n padding-top: 1rem;\n border-top: 1px solid var(--mj-border);\n}\n\n.mj-origin-icon-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .25rem;\n}\n\n.mj-origin-icon-item span:first-child {\n font-size: 28px;\n}\n\n.mj-origin-icon-item span:last-child {\n font-size: 12px;\n font-weight: 700;\n color: var(--mj-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === CTA FINAL === *\/\n.mj-cta-box {\n background: linear-gradient(135deg, var(--mj-secondary) 0%, var(--mj-primary-dark) 100%);\n border-radius: var(--mj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mj-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.mj-disclaimer {\n font-size: 12px;\n color: var(--mj-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 .mj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mj-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mj-grid-compact .mj-card {\n padding: .875rem;\n }\n \n .mj-grid-compact .mj-card h3 {\n font-size: 13px;\n margin-bottom: .35rem;\n }\n \n .mj-grid-compact .mj-card p {\n font-size: 11px;\n }\n \n .mj-card {\n padding: 1.125rem;\n }\n \n .mj-section {\n margin-bottom: 1.75rem;\n }\n \n .mj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mj-radius-sm);\n }\n \n .mj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n \/* Usage grid mobile *\/\n .mj-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mj-usage-block {\n padding: 1.125rem;\n }\n \n .mj-usage-header {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mj-usage-header h3 {\n font-size: 16px;\n }\n \n .mj-timeline-number {\n width: 30px;\n height: 30px;\n font-size: 13px;\n }\n \n .mj-timeline-content {\n padding: .75rem .875rem;\n }\n \n .mj-timeline-content h3 {\n font-size: 13px;\n }\n \n .mj-timeline-content p {\n font-size: 12px;\n }\n \n \/* Composition mobile *\/\n .mj-composition-main {\n flex-direction: column;\n gap: .75rem;\n }\n \n .mj-composition-text {\n text-align: center;\n }\n \n .mj-comp-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n \n \/* Origin mobile *\/\n .mj-origin-icons {\n gap: 1.25rem;\n }\n \n .mj-origin-icon-item span:first-child {\n font-size: 24px;\n }\n \n \/* Tip mobile *\/\n .mj-tip {\n padding: .875rem 1rem;\n }\n \n .mj-tip-icon {\n font-size: 20px;\n }\n \n .mj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mj-card:nth-child(1) { animation-delay: .05s; }\n .mj-card:nth-child(2) { animation-delay: .1s; }\n .mj-card:nth-child(3) { animation-delay: .15s; }\n .mj-card:nth-child(4) { animation-delay: .2s; }\n .mj-card:nth-child(5) { animation-delay: .25s; }\n .mj-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 .mj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097088157,"sku":"AY9960","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-manjistha-bio-garance-indienne-100g-ayur-vana-ingredients.webp?v=1769351941"},{"product_id":"henne-neutre-soin-100-bio-et-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Soin Henné neutre réparateur bio - 100 g - Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\n \u003cdiv class=\"cj-hero\"\u003e\n \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cj-hero-content\"\u003e\n \u003cdiv class=\"cj-badges-top\"\u003e\n \u003cspan class=\"cj-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e✨ COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🐰 Vegan \u0026amp; Cruelty Free\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e💯 Pur végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cj-hero-title\"\u003eLe rituel ayurvédique qui sublime vos cheveux\u003c\/span\u003e\n \u003cp class=\"cj-subtitle\"\u003ePoudre végétale pure de Cassia auriculata\u003c\/p\u003e\n \u003cp class=\"cj-description\"\u003eRedonnez force, brillance et volume à votre chevelure grâce à un soin 100 % naturel, sans colorant ni pigment. Un geste beauté ancestral pour des cheveux visiblement transformés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eSoin Henné neutre bio : le rituel capillaire végétal signé Couleurs de Jeanne\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eVous cherchez une solution 100 % naturelle pour redonner de la vitalité à vos cheveux sans les colorer ? Le \u003cstrong\u003esoin Henné neutre réparateur bio\u003c\/strong\u003e de Couleurs de Jeanne est une poudre végétale pure, issue des feuilles de \u003cem\u003eCassia auriculata\u003c\/em\u003e. Utilisé depuis des siècles dans les rituels ayurvédiques, le \u003cstrong\u003ehenné neutre\u003c\/strong\u003e gaine la fibre, apporte de la brillance et donne du corps à la chevelure, sans en modifier la couleur naturelle. Un vrai soin coup d'éclat, entièrement respectueux de vos cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eLes bienfaits du henné neutre sur les cheveux\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eAppliqué régulièrement, le henné pour cheveux agit comme un véritable soin fortifiant. Ses actifs végétaux enveloppent chaque fibre capillaire pour la protéger des agressions extérieures.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eFortifie chaque cheveu en profondeur et limite significativement la casse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e✨ Souplesse \u0026amp; brillance\u003c\/h3\u003e\n \u003cp\u003eApporte souplesse, brillance et volume dès la première utilisation, pour un effet visible immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌱 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAssainit et apaise les cuirs chevelus sensibles ou à tendance grasse en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💫 Gaine les cheveux fins\u003c\/h3\u003e\n \u003cp\u003eRedonne de la matière et du corps aux chevelures fatiguées ou dévitalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e👩‍🦰 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de cheveux, y compris colorés, blonds, châtains, bruns ou blancs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🎨 Zéro pigment\u003c\/h3\u003e\n \u003cp\u003eContrairement au henné rouge, il ne dépose aucun pigment. Aucun risque de reflets indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eComposition : une pureté totale\u003c\/h2\u003e\n \u003cdiv class=\"cj-composition\"\u003e\n \u003cdiv class=\"cj-composition-main\"\u003e\n \u003cspan class=\"cj-composition-label\"\u003eIngrédient unique (INCI)\u003c\/span\u003e\n \u003cp class=\"cj-composition-value\"\u003eCassia auriculata leaf powder*\u003c\/p\u003e\n \u003cp class=\"cj-composition-note\"\u003e*Issu de l'Agriculture Biologique — 100 % des ingrédients sont d'origine naturelle et bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-grid-compact\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🚫 Sans PPD\u003c\/h3\u003e\n \u003cp\u003eAucun paraphénylènediamine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🚫 Sans sels métalliques\u003c\/h3\u003e\n \u003cp\u003eFormule ultra-pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eZéro pigment synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eNi conservateurs ajoutés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-tip\"\u003e\n \u003cspan class=\"cj-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertifié COSMOS ORGANIC\u003c\/strong\u003e par Cosmécert, \u003cstrong\u003evegan\u003c\/strong\u003e et \u003cstrong\u003ecruelty free\u003c\/strong\u003e. Une garantie de qualité et d'éthique irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eComment utiliser le henné dans les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eLa préparation est simple et rapide. Dans un bol, pesez la quantité de poudre selon la longueur de vos cheveux, puis ajoutez progressivement de l'eau tiède (35–40 °C) jusqu'à obtenir une pâte onctueuse.\u003c\/p\u003e\n\n \u003ch3 class=\"cj-subtitle-h3\"\u003eDosage selon votre longueur\u003c\/h3\u003e\n \u003cdiv class=\"cj-grid-compact\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e✂️ Cheveux courts\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e25 g\u003c\/strong\u003e + 75 mL d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux mi-longs\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e50 g\u003c\/strong\u003e + 150 mL d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e👱‍♀️ Cheveux longs\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e75 g\u003c\/strong\u003e + 225 mL d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🧜‍♀️ Cheveux très longs\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 g\u003c\/strong\u003e + 300 mL d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"cj-subtitle-h3\"\u003eLes étapes de l'application\u003c\/h3\u003e\n \u003cdiv class=\"cj-timeline\"\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n \u003cp\u003eMélangez la poudre avec de l'eau tiède (35–40 °C) jusqu'à obtenir une texture onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez au pinceau\u003c\/h3\u003e\n \u003cp\u003eRépartissez la pâte en couches épaisses, des racines aux pointes, sur cheveux propres et humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eCouvrez et posez\u003c\/h3\u003e\n \u003cp\u003eEnveloppez vos cheveux avec une charlotte ou un tissu et laissez poser 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eRincez et shampouinez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cj-tip\"\u003e\n \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e pour un effet encore plus nourrissant, ajoutez une cuillère de yaourt végétal ou quelques gouttes d'huile végétale à votre préparation. Renouvelez le soin toutes les 2 à 4 semaines pour des cheveux durablement fortifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"cj-accordion\"\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e⚠️ Manipulation de la poudre\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eLe produit est pulvérulent : ne l'utilisez pas près d'une source de ventilation, ne l'inhalez pas et évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test de tolérance 48 h avant utilisation en appliquant un peu de mélange au pli du coude. Réservé à l'adulte, à tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e👩‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin cosmétique ne remplace pas un avis médical ni un traitement dermatologique. En cas de problème persistant du cuir chevelu, 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=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement \u0026amp; éco-responsabilité\u003c\/h2\u003e\n \u003cdiv class=\"cj-cta-box\"\u003e\n \u003cp\u003e♻️ Sachet refermable de \u003cstrong\u003e100 g en kraft recyclable\u003c\/strong\u003e, à déposer dans le bac de tri jaune. Un geste beauté et un geste pour la planète : les cheveux au henné n'ont jamais été aussi sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cj-cream: #faf6f2;\n --cj-white: #ffffff;\n --cj-primary: #d4a084;\n --cj-primary-dark: #a67856;\n --cj-primary-light: #f5e9df;\n --cj-secondary: #e8a5a5;\n --cj-accent: #8b9a6b;\n --cj-text: #3a2820;\n --cj-text-light: #6b5a52;\n --cj-border: #e8ddd3;\n --cj-shadow: 0 4px 24px rgba(166, 120, 86, .1);\n --cj-shadow-lg: 0 12px 48px rgba(166, 120, 86, .18);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cj-text);\n}\n\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a084 0%, #e8a5a5 50%, #c9967a 100%);\n border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-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,.15);\n line-height: 1.15;\n}\n\n.cj-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 font-style: italic;\n}\n\n.cj-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n opacity: .95;\n}\n\n.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n border-radius: 2px;\n}\n\n.cj-subtitle-h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n text-align: center;\n margin: 2rem 0 1.25rem;\n}\n\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.2vw, 17px);\n color: var(--cj-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.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.2vw, 17px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 1.9vw, 14.5px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12.5px;\n}\n\n.cj-composition {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.cj-composition-main {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: 1.75rem;\n text-align: center;\n box-shadow: var(--cj-shadow);\n border-left: 4px solid var(--cj-accent);\n}\n\n.cj-composition-label {\n display: inline-block;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--cj-accent);\n background: var(--cj-primary-light);\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.cj-composition-value {\n font-size: clamp(17px, 2.8vw, 22px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n font-style: italic;\n}\n\n.cj-composition-note {\n font-size: 13px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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, 132, .3);\n}\n\n.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.55;\n}\n\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-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.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n.mt-3 {\n margin-top: 10px;\n}\n\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cj-tip-icon {\n font-size: 26px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.65;\n}\n\n.cj-cta-box {\n background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n border-radius: var(--cj-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.3vw, 18px);\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 .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cj-card {\n padding: 1.125rem;\n }\n .cj-section {\n margin-bottom: 1.75rem;\n }\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cj-grid-compact {\n gap: .625rem;\n }\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n .cj-timeline-number {\n width: 34px;\n height: 34px;\n font-size: 14px;\n }\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n .cj-timeline-content p {\n font-size: 13px;\n }\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cj-composition-main {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n .cj-card:nth-child(5) { animation-delay: .25s; }\n .cj-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 .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755174322333,"sku":"CJ0031","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-henne-neutre-reparateur-bio-100-g-couleurs-de-jeanne-packshothd.webp?v=1789544986"},{"product_id":"masque-reparateur-a-largile-bio-150-g-les-couleurs-de-jeanne","title":"Masque Préparateur à l'Argile Bio - 150ml - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cj-hero\"\u003e\n\u003cdiv class=\"cj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cj-hero-content\"\u003e\n\u003cdiv class=\"cj-badges-top\"\u003e\n\u003cspan class=\"cj-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🐰 Crueltyfree \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cj-hero-title\"\u003eMasque préparateur à l'argile bio\u003c\/span\u003e\n\u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n\u003cp class=\"cj-description\"\u003ePurifiez votre cuir chevelu et préparez vos cheveux à recevoir une coloration végétale avec ce soin détox à l'argile. Idéal pour la transition entre coloration chimique et coloration naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePropriétés des Ingrédients\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eTrois actifs naturels et bio soigneusement sélectionnés pour assainir, nourrir et préparer vos cheveux en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🪨 Argile verte, illite, kaolin\u003c\/h3\u003e\n\u003cp\u003eAssainissent le cuir chevelu et régulent le pH des cheveux pour une base parfaitement nettoyée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApporte nutrition et douceur aux cheveux, même les plus fragiles, sans les alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌳 Bourgeons de tilleul bio\u003c\/h3\u003e\n\u003cp\u003eAdoucissent et hydratent les cheveux pour les laisser souples, soyeux et prêts à recevoir la couleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eMode d'Emploi\u003c\/h2\u003e\n\u003cdiv class=\"cj-timeline\"\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou humides, répartissez le masque uniformément des racines jusqu'aux pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n\u003cp\u003eLe temps de pose permet à l'argile de purifier le cuir chevelu et d'éliminer les résidus et impuretés en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment, puis complétez par un shampooing fixateur et un baume révélateur d'éclat pour prolonger les effets du masque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid-compact\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e📅 Fréquence recommandée\u003c\/h3\u003e\n\u003cp\u003e2 fois par semaine pendant 3 semaines avant la coloration végétale pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n\u003cp\u003eConvient à tous types de cheveux, même les plus fragiles et sensibilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-tip\"\u003e\n\u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce transition :\u003c\/strong\u003e si vous passez d'une coloration chimique à une coloration végétale, ce masque est votre allié indispensable pour détoxifier la fibre capillaire et favoriser l'adhérence de la couleur naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePourquoi Choisir le Masque Préparateur à l'Argile Bio - Les Couleurs de Jeanne ?\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🧹 Détox en profondeur\u003c\/h3\u003e\n\u003cp\u003eÉlimine les résidus chimiques et les impuretés accumulés pour retrouver un cuir chevelu sain et purifié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🎨 Meilleure adhérence couleur\u003c\/h3\u003e\n\u003cp\u003ePrépare la fibre capillaire à recevoir la coloration végétale pour un résultat plus intense et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e✅ Certifié bio \u0026amp; éthique\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Organic et Crueltyfree \u0026amp; Vegan, ce soin respecte vos cheveux, votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cdiv class=\"cj-accordion\"\u003e\n\u003cdetails class=\"cj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Illite, Kaolin, Aloe Barbadensis Leaf Juice Powder*, Tilia Tomentosa Bud Extract*, Montmorillonite, Glycine Soja Oil, Parfum (Fragrance), Tocopherol.\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem; font-style: italic;\"\u003e*Issu de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cj-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce produit est un cosmétique capillaire — usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cj-cream: #f7f5f0;\n --cj-white: #ffffff;\n --cj-primary: #5A8C3C;\n --cj-primary-dark: #3d6628;\n --cj-primary-light: #e8f2de;\n --cj-secondary: #7DB34A;\n --cj-accent: #C45A3C;\n --cj-text: #1a1a1a;\n --cj-text-light: #5a5a5a;\n --cj-border: #e0e0e0;\n --cj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6628 0%, #5A8C3C 40%, #7DB34A 100%);\n border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-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.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-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.cj-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.cj-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.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n margin: 0;\n padding: 0;\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-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.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n font-size: 12px;\n color: var(--cj-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 .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cj-card {\n padding: 1.125rem;\n }\n\n .cj-section {\n margin-bottom: 1.75rem;\n }\n\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cj-grid-compact {\n gap: .625rem;\n }\n\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n\n .cj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n\n .cj-timeline-content p {\n font-size: 13px;\n }\n\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n .cj-card:nth-child(5) { animation-delay: .25s; }\n .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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 .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175501981,"sku":"CJ0035","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-preparateur-a-largile-bio-150ml-les-couleurs-de-jeann-packshothd.webp?v=1789546872"},{"product_id":"soin-capillaire-prune-peche-vanille-comme-avant","title":"Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille\nPalette détectée:\n - Primaire: #C4A882 (beige\/caramel kraft du packaging)\n - Secondaire: #E8D5B7 (crème vanille du produit solide)\n - Accent: #D4A574 (pêche doré, évoquant le parfum)\nAmbiance: Naturel, doux, minimaliste, bio\/éco-responsable, chaleureux et gourmand\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🌿 5 ingrédients seulement\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🍑 Pêche \u0026amp; Vanille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eLe rituel réparateur aux 5 ingrédients naturels\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eBien plus qu'un après-shampooing : un véritable soin nourrissant qui répare en profondeur vos cheveux avec une formule minimaliste et un parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eL'huile de prune, riche en oméga 6 et 9, renforce la barrière lipidique du cheveu et lui redonne résistance et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio pénètre au cœur de la fibre capillaire pour une nutrition intense des cheveux secs et cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✨ Apporte brillance\u003c\/h3\u003e\n \u003cp\u003eL'inuline de chicorée agit comme un démêlant naturel et révèle l'éclat de vos cheveux sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌸 Parfume délicatement\u003c\/h3\u003e\n \u003cp\u003eUn accord gourmand pêche \u0026amp; vanille qui enveloppe vos cheveux d'une fragrance douce et chaleureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔬 Répare vraiment\u003c\/h3\u003e\n \u003cp\u003eSans silicone qui \"maquille\" le cheveu : ici vos pointes sont réellement réparées, pas simplement gainées artificiellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌍 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eFormat solide concentré, emballage kraft recyclable. Un geste beauté responsable pour vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🧪 5 ingrédients, pas un de plus\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante qui pénètre profondément pour réparer les cheveux secs, cassants ou fragilisés par les colorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🍑 Huile de prune bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star ! Pressée à froid des noyaux de prune d'Agen, riche en acides gras pour redonner souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Alcool cétéarylique\u003c\/h3\u003e\n \u003cp\u003eAlcool gras végétal (non desséchant) qui facilite l'application et aide les actifs à bien se répartir sur la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Inuline de chicorée\u003c\/h3\u003e\n \u003cp\u003ePrébiotique naturel qui agit comme démêlant. Apporte brillance et douceur sans alourdir le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🍦 Parfum pêche \u0026amp; vanille\u003c\/h3\u003e\n \u003cp\u003eAccord gourmand et chaleureux qui parfume délicatement vos cheveux sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Prunus Domestica Seed Oil*, Cetearyl Alcohol, Inulin, Parfum.\u003cbr\u003e\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 \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e👩‍🦰 Ce soin est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eVos cheveux manquent de nutrition et tiraillent après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✂️ Pointes abîmées\u003c\/h3\u003e\n \u003cp\u003eVos pointes sont fourchues, cassantes ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eVos colorations ou mèches ont besoin d'être réparées et protégées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver brillance et éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🚫 Anti-silicone\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un soin qui respecte vraiment votre fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eCheveux fins ou gras ?\u003c\/strong\u003e Appliquez uniquement sur les longueurs et pointes, en évitant les racines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-usage-container\"\u003e\n \u003cdiv class=\"sc-usage-block\"\u003e\n \u003ch3\u003e🚿 En après-shampooing\u003c\/h3\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eEssorez légèrement vos cheveux après le shampooing\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eFrottez le soin entre vos mains pour le réchauffer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eAppliquez sur les longueurs et pointes en lissant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eLaissez poser 2-3 minutes puis rincez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-usage-block\"\u003e\n \u003ch3\u003e🧖‍♀️ En masque intensif\u003c\/h3\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eAppliquez généreusement sur cheveux humides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eEnroulez dans une serviette chaude\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eLaissez poser 15-20 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eAstuce cheveux très secs :\u003c\/strong\u003e Frottez légèrement le soin sur vos pointes sèches comme un sérum sans rinçage (quantité infime).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES FORMAT SOLIDE --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir ce soin capillaire solide ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💎 Plus concentré\u003c\/h3\u003e\n \u003cp\u003eSans eau ajoutée, les actifs sont en plus grande proportion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🛡️ Mieux conservé\u003c\/h3\u003e\n \u003cp\u003ePas de conservateurs controversés nécessaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e50 g = environ 2 flacons de soin liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✈️ Idéal voyage\u003c\/h3\u003e\n \u003cp\u003eCompact, léger, aucun risque de fuite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g de soin concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2-3 mois (2x\/semaine, cheveux mi-longs)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"sc-certifs\"\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🐌\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eSlow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON FAQ --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧴 Ce soin remplace-t-il un masque capillaire ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eOui, il peut s'utiliser comme un après-shampooing quotidien ou comme un masque plus intensif en augmentant le temps de pose. Sa formule riche en beurre de karité et huile de prune le rend aussi nourrissant qu'un masque classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🎨 Puis-je l'utiliser sur cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eAbsolument. La formule sans sulfate et sans silicone respecte les colorations tout en réparant les cheveux fragilisés par les traitements chimiques. L'huile de prune aide même à prolonger l'éclat de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🍑 Le parfum pêche vanille est-il persistant ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eLe parfum reste subtil et s'estompe progressivement après le séchage. Vous profiterez d'une délicate note gourmande pendant quelques heures, sans que ce soit entêtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eOui, la formule douce et naturelle convient à toute la famille, y compris aux enfants à partir de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Comment le conserver ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eConservez votre soin solide au sec entre deux utilisations. La boîte kraft fournie est parfaite pour cela. Évitez de le laisser dans l'eau stagnante de votre douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à vos cheveux un soin authentique formulé avec seulement 5 ingrédients naturels et bio. Ce soin capillaire solide nourrit, répare et parfume votre chevelure d'une délicate note pêche \u0026amp; vanille, tout en respectant la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sc-cream: #FAF7F2;\n --sc-white: #ffffff;\n --sc-primary: #C4A882;\n --sc-primary-dark: #8B7355;\n --sc-primary-light: #F5EDE3;\n --sc-secondary: #E8D5B7;\n --sc-accent: #D4A574;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e8e0d5;\n --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4A882 40%, #8B7355 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sc-accent), var(--sc-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-card-ingredient {\n border-left: 4px solid var(--sc-accent);\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.sc-inci-box p {\n font-size: 13px;\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === NOTE === *\/\n.sc-note {\n background: var(--sc-secondary);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n text-align: center;\n font-size: 14px;\n color: var(--sc-primary-dark);\n}\n\n\/* === USAGE === *\/\n.sc-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sc-usage-block {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 1.5rem;\n box-shadow: var(--sc-shadow);\n}\n\n.sc-usage-block h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.sc-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.sc-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.sc-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--sc-accent), var(--sc-primary));\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: 14px;\n flex-shrink: 0;\n}\n\n.sc-step p {\n margin: 0;\n font-size: 14px;\n color: var(--sc-text-light);\n line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.sc-certifs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.sc-certif {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--sc-shadow);\n min-width: 120px;\n transition: all .3s ease;\n}\n\n.sc-certif:hover {\n transform: translateY(-4px);\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-certif-icon {\n font-size: 32px;\n}\n\n.sc-certif-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n text-align: center;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-accent) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.sc-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 === *\/\n@media (max-width: 767px) {\n .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sc-grid-compact {\n gap: .625rem;\n }\n \n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n \n .sc-card {\n padding: 1.125rem;\n }\n \n .sc-section {\n margin-bottom: 1.75rem;\n }\n \n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n \n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sc-usage-container {\n grid-template-columns: 1fr;\n }\n \n .sc-certifs {\n gap: .75rem;\n }\n \n .sc-certif {\n padding: 1rem;\n min-width: 100px;\n }\n \n .sc-certif-icon {\n font-size: 28px;\n }\n \n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sc-badges-top {\n gap: 8px;\n }\n \n .sc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186970781,"sku":"NBAICAV0054","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-peche-vanille-comme-ingredients.jpg?v=1768221135"},{"product_id":"soin-capillaire-solide-a-lhuile-de-prune-bio-boite-kraft-50-g-comme-avant","title":"Soin capillaire solide à l'huile de Prune - sans parfum - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Comme Avant\nPalette détectée:\n - Primaire: #C9A86C (beige doré\/kraft du packaging)\n - Secondaire: #8B7355 (brun terre naturel)\n - Accent: #D4A574 (tons prune\/abricot doux)\n - Background: #F7F3EE (crème naturel)\nAmbiance: Naturel\/bio, slow cosmétique, minimaliste épuré, douceur féminine, éco-responsable\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eVersion 2 améliorée • Sans parfum\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eNourrissez vos cheveux en profondeur avec ce soin solide d'exception, formulé avec seulement 5 ingrédients naturels et l'huile de prune du Sud-Ouest français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de prune pénètre la fibre capillaire pour l'assouplir et la revitaliser en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cheveux secs, cassants ou abîmés par les colorations et la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌸 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eParfait pour les cuirs chevelus sensibles ou irrités grâce à sa formule ultra-douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🍃 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes sensibles aux huiles essentielles ou qui préfèrent un soin neutre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- L'HUILE DE PRUNE --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🍑 Le trésor de l'huile de prune\u003c\/h2\u003e\n \u003cdiv class=\"sc-highlight-box\"\u003e\n \u003cp class=\"sc-highlight-intro\"\u003eExtraite des noyaux de prunes d'Agen, cette huile précieuse est l'ingrédient star de ce soin capillaire.\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🌾 Acides gras oléiques\u003c\/h3\u003e\n \u003cp\u003eNourrit sans alourdir et laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège la fibre des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🪶 Texture sèche\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras sur les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n \u003cp\u003eActif local et durable issu de l'économie circulaire du Sud-Ouest.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e👩 Pour qui est ce soin ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition profonde et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💔 Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eCassants ou fourchus nécessitant une réparation douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌡️ Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eRéactif ou irrité par les produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🚫 Intolérance parfums\u003c\/h3\u003e\n \u003cp\u003ePour éviter les huiles essentielles et fragrances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003ePréserve l'éclat et prolonge la tenue de la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e♻️ Adeptes zéro déchet\u003c\/h3\u003e\n \u003cp\u003eCosmétique éco-responsable sans plastique.\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=\"sc-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser ce soin capillaire solide bio ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour qu'ils restent humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eAppliquez le soin\u003c\/h3\u003e\n \u003cp\u003eFrottez le soin solide directement sur les longueurs et les pointes, en évitant les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eDémêlez délicatement\u003c\/h3\u003e\n \u003cp\u003eUtilisez vos doigts ou un peigne à dents larges pour répartir le produit uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 2 à 5 minutes pour permettre aux actifs de pénétrer la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède ou froide pour refermer les écailles et apporter de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-tip\"\u003e💡 \u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 1 à 2 fois par semaine, ou après chaque shampoing si vos cheveux sont très secs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🧪 Composition minimaliste\u003c\/h2\u003e\n \u003cp class=\"sc-section-intro\"\u003eSeulement 5 ingrédients pour une formule transparente et certifiée Cosmos Organic.\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de prune bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePrunus Domestica Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eNourrit et protège la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRenforce et apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSimmondsia Chinensis Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRégule et hydrate en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🧴 Alcool gras végétal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCetearyl Alcohol\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAgent démêlant et adoucissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Tensioactif doux\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBehentrimonium Methosulfate\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eDérivé du colza, facilite le démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTocopherol\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAntioxydant naturel protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-compo-badges\"\u003e\n \u003cspan class=\"sc-compo-badge\"\u003e100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003e98% bio\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003eSans parfum\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003eSans huile essentielle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g (2-3 flacons liquides)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2 à 4 mois selon usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e📦 Packaging\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e💚 Les engagements Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏠 Artisanat marseillais\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et production à taille humaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formule bio contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eBeauté raisonnée et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003ePackaging sans plastique, compostable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète de la fabrication.\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=\"sc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eLaissez sécher le soin entre chaque utilisation sur un porte-savon aéré ou dans sa boîte ouverte. Évitez de le laisser dans un endroit constamment humide. En voyage, sa boîte kraft est idéale pour le transporter sans risque de coulure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🎨 Cheveux colorés\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCe soin convient parfaitement aux cheveux colorés. Sa formule douce et nourrissante aide à préserver l'éclat tout en réparant. L'absence d'agents agressifs permet de prolonger la tenue de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🪶 Cheveux fins\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eAppliquez uniquement sur les longueurs et les pointes. Les cheveux fins apprécieront la légèreté de l'huile de prune qui nourrit sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e💆 Utilisation en masque\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCe soin peut servir de masque léger pour un usage régulier. Pour un soin intensif, prolongez le temps de pose à 10-15 minutes sous une serviette chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCette version sans parfum convient aux femmes enceintes ou allaitantes grâce à l'absence d'huiles essentielles. Un soin neutre pouvant être associé à d'autres produits parfumés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un soin authentique, formulé avec des ingrédients d'exception et fabriqué dans le respect de l'environnement. Bien plus qu'un simple cosmétique : un geste de beauté conscient pour vous et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sc-cream: #F7F3EE;\n --sc-white: #ffffff;\n --sc-primary: #C9A86C;\n --sc-primary-dark: #8B7355;\n --sc-primary-light: #F5EDE3;\n --sc-secondary: #D4A574;\n --sc-accent: #A68B5B;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e8e2da;\n --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #8B7355 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sc-primary), var(--sc-secondary));\n border-radius: 2px;\n}\n\n.sc-section-intro {\n text-align: center;\n color: var(--sc-text-light);\n font-size: clamp(14px, 2.5vw, 16px);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-card p em {\n display: block;\n font-size: 12px;\n color: var(--sc-primary);\n margin-bottom: .35rem;\n}\n\n.sc-card-light {\n background: var(--sc-primary-light);\n}\n\n.sc-card-ingredient {\n position: relative;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n background: linear-gradient(135deg, var(--sc-primary-light) 0%, rgba(212,165,116,.15) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--sc-primary);\n}\n\n.sc-highlight-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 600;\n color: var(--sc-primary-dark);\n margin-bottom: 1.5rem;\n}\n\n\/* === STEPS === *\/\n.sc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--sc-shadow);\n transition: all .3s ease;\n}\n\n.sc-step:hover {\n transform: translateX(6px);\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-step-num {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\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.sc-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sc-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-tip {\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-primary-dark);\n text-align: center;\n}\n\n\/* === COMPO BADGES === *\/\n.sc-compo-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.sc-compo-badge {\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n color: white;\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.sc-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 === *\/\n@media (max-width: 767px) {\n .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sc-card {\n padding: 1.125rem;\n }\n \n .sc-section {\n margin-bottom: 1.75rem;\n }\n \n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n \n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sc-grid-compact {\n gap: .625rem;\n }\n \n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n \n .sc-highlight-box {\n padding: 1.25rem;\n }\n \n .sc-step {\n padding: 1rem;\n }\n \n .sc-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sc-compo-badges {\n gap: .5rem;\n }\n \n .sc-compo-badge {\n padding: 8px 14px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-card:nth-child(6) { animation-delay: .3s; }\n \n .sc-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .sc-step:nth-child(1) { animation-delay: .1s; }\n .sc-step:nth-child(2) { animation-delay: .15s; }\n .sc-step:nth-child(3) { animation-delay: .2s; }\n .sc-step:nth-child(4) { animation-delay: .25s; }\n .sc-step:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755187363997,"sku":"NBAICAV0053","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-sans-parfum-comme-a-ingredients.jpg?v=1768220941"},{"product_id":"baume2en1-fixateur-eclat-soin-bio-230-ml","title":"Baume Cheveux 2en1 - Fixateur de Couleur \u0026 Hydratant - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n \u003cdiv class=\"cj-hero\"\u003e\n \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cj-hero-content\"\u003e\n \u003cdiv class=\"cj-badges-top\"\u003e\n \u003cspan class=\"cj-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-Free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cj-hero-title\"\u003eSublimez et prolongez votre coloration végétale\u003c\/span\u003e\n \u003cp class=\"cj-subtitle\"\u003eBaume 2 en 1 · Fixateur d'éclat \u0026amp; Soin hydratant\u003c\/p\u003e\n \u003cp class=\"cj-description\"\u003eUne formule bio courte et efficace, enrichie en quinoa et huile de camélia, pour fixer les pigments et nourrir intensément la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eUn soin 2 en 1 pensé pour les cheveux colorés\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eVous cherchez un fixateur de couleur naturel pour cheveux qui protège votre coloration sans agresser votre fibre capillaire ? Ce baume a été formulé spécifiquement pour aider les pigments végétaux (henné, indigo, camomille…) à mieux adhérer à la chevelure. Résultat : une couleur plus intense, plus éclatante et qui tient dans le temps. Contrairement à un fixateur de couleur cheveux maison, sa formule professionnelle bio garantit une efficacité optimale, même sur les colorations les plus foncées ou vibrantes.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid-compact\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e✨ Éclat sublimé\u003c\/h3\u003e\n \u003cp\u003eUne couleur plus intense et lumineuse dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e⏳ Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eLes pigments végétaux adhèrent mieux à la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eUn cocktail d'actifs nourrissants pour des cheveux souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌸 Douceur \u0026amp; brillance\u003c\/h3\u003e\n \u003cp\u003eFacilite le démêlage et laisse les cheveux doux et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur du baume\u003c\/h2\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌾 Protéines de quinoa hydrolysées\u003c\/h3\u003e\n \u003cp\u003eVéritable star de la formule, elles fixent les pigments et scellent la couleur sur la fibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌺 Huile de camélia bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément, apporte souplesse et brillance, idéale pour les cheveux secs ou fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌱 Extrait de bourgeons de tilleul bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit la chevelure et facilite le démêlage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et redonne vitalité aux longueurs les plus assoiffées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-tip\"\u003e\n \u003cspan class=\"cj-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eUne composition courte, propre et \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans sulfates ni ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eComment utiliser le baume 2 en 1 ?\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eDeux modes d'utilisation selon vos besoins.\u003c\/p\u003e\n \u003cdiv class=\"cj-timeline\"\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003e💆‍♀️ En entretien de la couleur\u003c\/h3\u003e\n \u003cp\u003eSur cheveux propres et lavés, après le shampooing Fixateur et Révélateur d'éclat, appliquez une noisette de baume. Laissez poser 2 à 3 minutes, puis rincez à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003e🎨 Après une coloration végétale\u003c\/h3\u003e\n \u003cp\u003eAppliquez le baume sur cheveux mouillés, laissez poser 2 à 3 minutes, puis rincez. Pour certaines nuances (Acajou, Châtain, Châtain foncé, Brun), utilisez-le comme premier shampooing après la pose du henné pour ne pas altérer les pigments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003ePour quels types de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eCe fixateur couleur cheveux convient à toutes les natures de cheveux : secs, mixtes, épais, fins, bouclés ou lisses. Il est particulièrement recommandé aux personnes ayant réalisé une coloration végétale et souhaitant prolonger sa tenue. Formulé en France, il séduit celles et ceux qui recherchent une alternative saine aux soins conventionnels, y compris là où les cheveux subissent chaleur et soleil.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid-compact\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💁‍♀️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eHydratation intense et nutrition profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux mixtes\u003c\/h3\u003e\n \u003cp\u003eÉquilibre parfait sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinition et souplesse au rendez-vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e✨ Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eProlonge l'éclat des colorations végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003ePourquoi choisir Les Couleurs de Jeanne ?\u003c\/h2\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🏅 Certifié COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée COSMOS Organic par Cosmécert, gage de qualité biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; Cruelty-Free\u003c\/h3\u003e\n \u003cp\u003eProduit vegan et non testé sur les animaux, respectueux du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France, dans le Maine-et-Loire, avec un savoir-faire artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💗 Format généreux\u003c\/h3\u003e\n \u003cp\u003eFlacon de 230 ml pour une utilisation régulière au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"cj-accordion\"\u003e\n \u003cdetails class=\"cj-accordion-item\" open\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e🧪 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua (Water), Cetearyl Alcohol, Aloe Barbadensis Leaf Juice*, Camellia Oleifera Seed Oil*, Hydrolyzed Quinoa, Tilia Tomentosa Bud Extract*, Parfum (Fragrance) 100 % d'origine naturelle.\u003cbr\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=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e⚠️ Bon à savoir\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eCe baume est un produit cosmétique de soin, il ne remplace en aucun cas un avis médical ou dermatologique. En cas de cuir chevelu sensible, réactif ou de doute sur un ingrédient, effectuez un test dans le pli du coude 48 heures avant utilisation et consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cj-disclaimer\"\u003eProduit cosmétique — ne remplace pas un avis médical ou dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cj-cream: #fdf6f6;\n --cj-white: #ffffff;\n --cj-primary: #e88a95;\n --cj-primary-dark: #c85f6f;\n --cj-primary-light: #fbe5e8;\n --cj-secondary: #d47a89;\n --cj-accent: #a94656;\n --cj-text: #2a1a1d;\n --cj-text-light: #6b5a5d;\n --cj-border: #f0dcdf;\n --cj-shadow: 0 4px 24px rgba(200,95,111,.08);\n --cj-shadow-lg: 0 12px 48px rgba(200,95,111,.18);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cj-text);\n}\n\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #e88a95 0%, #d47a89 50%, #a94656 100%);\n border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 20%, 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: .5;\n}\n\n.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-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,.15);\n line-height: 1.15;\n}\n\n.cj-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n opacity: .95;\n letter-spacing: .01em;\n}\n\n.cj-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 640px;\n}\n\n.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cj-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.cj-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(--cj-primary), var(--cj-accent));\n border-radius: 2px;\n}\n\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cj-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12px;\n}\n\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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(200,95,111,.3);\n}\n\n.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n margin: 0;\n padding: 0;\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-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.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cj-disclaimer {\n font-size: 12px;\n color: var(--cj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cj-card {\n padding: 1.125rem;\n }\n .cj-section {\n margin-bottom: 1.75rem;\n }\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cj-grid-compact {\n gap: .625rem;\n }\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n .cj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n .cj-timeline-content p {\n font-size: 13px;\n }\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755219804317,"sku":"CJ0050","price":11.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-cheveux-2en1-fixateur-de-couleur-hydratant-les-couleur-packshothd.webp?v=1789829370"},{"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":"huile-seche-infusion-divine-bio-100-ml-florame","title":"Huile Sèche Infusion Divine Bio - 100 ml - Florame","description":"\u003cdiv class=\"id-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"id-hero\"\u003e\n\u003cdiv class=\"id-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"id-hero-content\"\u003e\n\u003cdiv class=\"id-badges-top\"\u003e\n\u003cspan class=\"id-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🌸 30 huiles bio\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🏆 Meilleur Produit Bio 2021\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"id-hero-title\"\u003eHuile Sèche Infusion Divine Bio\u003c\/span\u003e\n\u003cp class=\"id-subtitle\"\u003eFlorame · 100 ml · Visage · Corps · Cheveux\u003c\/p\u003e\n\u003cp class=\"id-description\"\u003eUn élixir multi-usage d'exception né de 30 ans d'expertise en aromathérapie provençale. 30 huiles végétales et essentielles biologiques réunies dans un seul flacon pour sublimer votre beauté naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eHuile Sèche Infusion Divine Bio Florame : 30 huiles précieuses pour sublimer votre peau, votre corps et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eImaginez un seul geste beauté qui nourrit votre visage, enveloppe votre corps de douceur et redonne vie à vos cheveux.\u003c\/p\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Élixir multi-usage\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon pour le visage, le corps et les cheveux, enrichi de 30 huiles précieuses biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🧴 Texture sèche unique\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras, pour une hydratation profonde et un fini satiné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eDes notes exotiques de fleurs des îles qui persistent délicatement tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🔬 30 ans d'expertise\u003c\/h3\u003e\n\u003cp\u003eLe savoir-faire Florame en aromathérapie provençale concentré dans une formule d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une crème ?\u003c\/h2\u003e\n\u003cdiv class=\"id-comparison\"\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-oil\"\u003e\n\u003ch3\u003e🌿 Huile sèche\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePénètre instantanément, fini satiné\u003c\/li\u003e\n\u003cli\u003eDépose directement des acides gras essentiels et vitamines liposolubles\u003c\/li\u003e\n\u003cli\u003eRestaure le film hydrolipidique en profondeur\u003c\/li\u003e\n\u003cli\u003eIdéale pour les peaux très sèches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-cream\"\u003e\n\u003ch3\u003e🧴 Crème classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContient souvent eau et émulsifiants\u003c\/li\u003e\n\u003cli\u003eHydratation plus superficielle\u003c\/li\u003e\n\u003cli\u003eEffleure le film hydrolipidique\u003c\/li\u003e\n\u003cli\u003ePeut laisser un résidu sur la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe terme « huile sèche » désigne une huile dont la texture pénètre si rapidement dans la peau qu'elle ne laisse aucune sensation de gras. Vous profitez de tous les bienfaits nourrissants sans les inconvénients d'un toucher huileux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de l'Infusion Divine sur votre peau et vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition intense sans briller\u003c\/strong\u003e : les huiles d'argan et de jojoba régulent et nourrissent sans surcharger. Teint lumineux et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort immédiat\u003c\/strong\u003e : tiraillements et sensations d'inconfort disparaissent dès la première application. Convient aux peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine E naturelle aide à protéger la peau des agressions extérieures quotidiennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💆 Sur le corps\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau satinée et souple\u003c\/strong\u003e : après la douche, un voile soyeux et un parfum délicat qui persiste toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation des zones très sèches\u003c\/strong\u003e : coudes, genoux, talons… les zones rugueuses retrouvent leur douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide\u003c\/strong\u003e : habillez-vous immédiatement après, sans aucune trace sur vos vêtements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillance et vitalité\u003c\/strong\u003e : sur les longueurs et les pointes, l'huile revigore et répare la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiscipline des frisottis\u003c\/strong\u003e : quelques gouttes suffisent pour dompter les mèches rebelles sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin profond en masque\u003c\/strong\u003e : en bain d'huile la nuit, nourrit intensément les cheveux abîmés ou fragilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUne composition d'exception : 30 huiles biologiques réunies dans un seul flacon\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame a sélectionné 30 huiles complémentaires, chacune apportant des propriétés spécifiques, pour créer un soin complet et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌱 Huiles végétales nourrissantes et réparatrices\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum, protège et assouplit la peau sans la graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eRiche en antioxydants, aide à maintenir l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eSource de vitamine E, nourrit en profondeur les peaux desséchées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eTrésor de beauté ancestral, revitalise la peau et renforce les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌺 Huiles essentielles et extraits précieux\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌸 Frangipanier \u0026amp; tiaré\u003c\/h3\u003e\n\u003cp\u003eParfum exotique délicat et vertus adoucissantes des fleurs des îles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌼 Pétales d'hélichryse rose\u003c\/h3\u003e\n\u003cp\u003ePropriétés régénérantes qui aident à unifier le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌿 Pétales de calendula\u003c\/h3\u003e\n\u003cp\u003eApaisants et protecteurs, ils calment les peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💙 Pétales de bleuet\u003c\/h3\u003e\n\u003cp\u003eDécongestionnants et rafraîchissants pour un coup d'éclat immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e🌾\u003c\/span\u003e\n\u003cp\u003eLes pétales de fleurs sont visibles à l'intérieur même du flacon, témoignant de la naturalité absolue de ce soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stats-row\"\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e100 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e83 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eissus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e0 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eparabènes, silicones, colorants de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile Sèche Infusion Divine au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"id-timeline\"\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e🌸 Soin visage matin et soir\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage, déposez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e au creux de vos paumes et réchauffez-les légèrement. Appliquez par légers tapotements sur le visage, le cou et le décolleté. Utilisez-la seule ou en complément de votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin corps quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur peau propre et sèche, idéalement juste après la douche lorsque la peau est encore légèrement tiède. Massez par mouvements circulaires en insistant sur les zones les plus sèches : jambes, bras, coudes, genoux. La texture pénètre en quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn touche finale :\u003c\/strong\u003e quelques gouttes sur les longueurs et les pointes sèches pour un effet brillance immédiat et discipliner les frisottis.\u003cbr\u003e\u003cstrong\u003eEn masque de nuit :\u003c\/strong\u003e répartissez une quantité généreuse sur l'ensemble de la chevelure, enveloppez dans une serviette et laissez poser toute la nuit. Rincez le matin avec votre shampooing habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePour quels types de peau et de cheveux cette huile sèche est-elle adaptée ?\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eGrâce à la synergie de ses 30 huiles soigneusement dosées, l'Infusion Divine s'adapte à la plupart des besoins.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eSon terrain de prédilection : elle apporte la nutrition profonde dont les peaux déshydratées ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Peaux normales\u003c\/h3\u003e\n\u003cp\u003eUn voile protecteur et un éclat naturel sans surcharger l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes (soin ciblé)\u003c\/h3\u003e\n\u003cp\u003eUtilisée uniquement sur les zones sèches du visage (joues, contour des yeux) et sur le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eRedonne brillance, souplesse et vitalité aux fibres capillaires fragilisées par la chaleur ou les colorations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌟 Cheveux normaux\u003c\/h3\u003e\n\u003cp\u003eEn petite quantité sur les pointes : finition lumineuse et protection contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUn engagement bio et éthique ancré en Provence\u003c\/h2\u003e\n\u003cdiv class=\"id-provence-block\"\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame est une maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e depuis 1990. Pionnière de l'aromathérapie biologique en France, la marque cultive un savoir-faire unique dans la distillation des plantes et la formulation de soins naturels certifiés.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏅 Certification COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un cahier des charges exigeant sur l'origine et la transformation des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eChaque flacon est élaboré et conditionné en Provence, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de filières durables, emballage en verre recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"id-section\"\u003e\n\u003cdiv class=\"id-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau, votre corps et vos cheveux le luxe de 30 huiles biologiques d'exception. L'Infusion Divine, un seul geste pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"id-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et ne saurait remplacer un avis ou un traitement dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --id-cream: #FFF9F0;\n --id-white: #ffffff;\n --id-primary: #C6891E;\n --id-primary-dark: #8B5E0F;\n --id-primary-light: #FFF3E0;\n --id-secondary: #D4956B;\n --id-accent: #5B6E8A;\n --id-text: #1a1a1a;\n --id-text-light: #5a5a5a;\n --id-border: #EDE0D0;\n --id-shadow: 0 4px 24px rgba(139, 94, 15, .08);\n --id-shadow-lg: 0 12px 48px rgba(139, 94, 15, .15);\n --id-radius: 20px;\n --id-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.id-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--id-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.id-premium *, .id-premium *::before, .id-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.id-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E0F 0%, #C6891E 40%, #D4956B 75%, #E8B98A 100%);\n border-radius: var(--id-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(--id-shadow-lg);\n}\n\n.id-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.id-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.id-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.id-subtitle {\n color: rgba(255,255,255,.9);\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.id-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.id-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.id-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(--id-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.id-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.id-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.id-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--id-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.id-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(--id-primary), var(--id-secondary));\n border-radius: 2px;\n}\n\n.id-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-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.id-card {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.id-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--id-shadow-lg);\n border-color: var(--id-primary);\n}\n\n.id-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.id-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD ZONE (benefits with lists) === *\/\n.id-card-zone {\n text-align: left;\n}\n\n.id-card-zone h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: clamp(17px, 3vw, 20px);\n}\n\n.id-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.id-benefits-list li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n line-height: 1.6;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.id-benefits-list li::before {\n content: '✦';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--id-primary);\n font-size: 12px;\n}\n\n.id-benefits-list li strong {\n color: var(--id-text);\n}\n\n\/* === GRILLES === *\/\n.id-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.id-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.id-grid-compact .id-card {\n padding: 1rem;\n}\n\n.id-grid-compact .id-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.id-grid-compact .id-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.id-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.id-comparison-col {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n}\n\n.id-comparison-col h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.id-comparison-oil {\n border: 2px solid var(--id-primary);\n}\n\n.id-comparison-oil h3 {\n color: var(--id-primary-dark);\n}\n\n.id-comparison-cream {\n border: 2px solid var(--id-border);\n}\n\n.id-comparison-cream h3 {\n color: var(--id-text-light);\n}\n\n.id-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.id-comparison-col ul li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--id-text-light);\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.id-comparison-oil ul li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--id-primary);\n font-weight: 700;\n}\n\n.id-comparison-cream ul li::before {\n content: '—';\n position: absolute;\n left: 0;\n color: var(--id-border);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.id-composition-block {\n margin-bottom: 1.5rem;\n}\n\n.id-composition-title {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--id-primary-dark);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n\/* === STATS ROW === *\/\n.id-stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.id-stat {\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n border-radius: var(--id-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n color: white;\n}\n\n.id-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.id-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n opacity: .9;\n margin-top: .25rem;\n line-height: 1.3;\n}\n\n\/* === TIMELINE === *\/\n.id-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.id-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.id-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--id-primary), var(--id-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(198, 137, 30, .3);\n}\n\n.id-timeline-content {\n flex: 1;\n background: var(--id-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--id-radius-sm);\n box-shadow: var(--id-shadow);\n}\n\n.id-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.id-timeline-content p {\n font-size: 14px;\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.id-timeline-content strong {\n color: var(--id-text);\n}\n\n\/* === TIP BOX === *\/\n.id-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--id-primary-light);\n border-radius: var(--id-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.id-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.id-tip p {\n font-size: 14px;\n color: var(--id-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.id-testimonial {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--id-shadow);\n border-left: 4px solid var(--id-primary);\n}\n\n.id-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.id-accordion {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-accordion-item {\n border-bottom: 1px solid var(--id-border);\n margin: 0;\n padding: 0;\n}\n\n.id-accordion-item:last-child {\n border-bottom: none;\n}\n\n.id-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--id-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.id-accordion-header:hover {\n background: var(--id-primary-light);\n}\n\n.id-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.id-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--id-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.id-accordion-item[open] .id-accordion-header::after {\n content: '−';\n}\n\n.id-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--id-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.id-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP GRID === *\/\n.id-recap-grid {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-recap-item {\n display: flex;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--id-border);\n align-items: baseline;\n gap: 1rem;\n}\n\n.id-recap-item:last-child {\n border-bottom: none;\n}\n\n.id-recap-item:nth-child(even) {\n background: var(--id-primary-light);\n}\n\n.id-recap-label {\n font-size: 13px;\n font-weight: 800;\n color: var(--id-primary-dark);\n text-transform: uppercase;\n letter-spacing: .04em;\n min-width: 110px;\n flex-shrink: 0;\n}\n\n.id-recap-value {\n font-size: 14px;\n color: var(--id-text);\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.id-cta-box {\n background: linear-gradient(135deg, var(--id-primary) 0%, var(--id-primary-dark) 100%);\n border-radius: var(--id-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.id-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.id-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.id-disclaimer {\n font-size: 12px;\n color: var(--id-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .id-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-card {\n padding: 1.125rem;\n }\n\n .id-section {\n margin-bottom: 1.75rem;\n }\n\n .id-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--id-radius-sm);\n }\n\n .id-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .id-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .id-grid-compact {\n gap: .625rem;\n }\n\n .id-grid-compact .id-card {\n padding: .75rem;\n }\n\n .id-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-stats-row {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .id-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .id-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .id-stat-label {\n margin-top: 0;\n font-size: 12px;\n }\n\n .id-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .id-timeline-content {\n padding: .875rem 1rem;\n }\n\n .id-timeline-content h3 {\n font-size: 14px;\n }\n\n .id-timeline-content p {\n font-size: 13px;\n }\n\n .id-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .id-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .id-testimonial {\n padding: 1.25rem;\n }\n\n .id-testimonial-text {\n font-size: 14px;\n }\n\n .id-recap-item {\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 1rem;\n }\n\n .id-recap-label {\n min-width: unset;\n font-size: 11px;\n }\n\n .id-recap-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .id-card {\n animation: idFadeInUp .5s ease backwards;\n }\n .id-card:nth-child(1) { animation-delay: .05s; }\n .id-card:nth-child(2) { animation-delay: .1s; }\n .id-card:nth-child(3) { animation-delay: .15s; }\n .id-card:nth-child(4) { animation-delay: .2s; }\n .id-card:nth-child(5) { animation-delay: .25s; }\n .id-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes idFadeInUp {\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 .id-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755220590749,"sku":"FM0475","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-infusion-divine-bio-100-ml-florame-lifestyle.webp?v=1770727699"},{"product_id":"capitonic-cosmetique-haut-de-gamme-cheveu-125-ml-jade-recherche","title":"Capitonic - Anti-Chute et Repousse des Cheveux - 125 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Capitonic - Anti-Chute et Repousse des Cheveux\nPalette détectée:\n - Primaire: #E5A91B (jaune doré\/moutarde du bandeau principal)\n - Secondaire: #C84536 (rouge brique du cartouche \"CAPI TONIC\")\n - Accent: #4A7C59 (vert jade du logo Jade Recherche)\nAmbiance: Naturel\/scientifique, laboratoire français, soin capillaire expert, fond blanc épuré avec touches chaudes\nPréfixe CSS: ct\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ct-hero\"\u003e\n \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-hero-content\"\u003e\n \u003cdiv class=\"ct-badges-top\"\u003e\n \u003cspan class=\"ct-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🧪 Silicium organique\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eCapitonic\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eLotion anti-chute \u0026amp; repousse des cheveux\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003eLa synergie experte du silicium organique, du vinaigre de cidre et des huiles essentielles pour des cheveux renforcés, une chute freinée et une repousse visible.\u003c\/p\u003e\n \u003cdiv class=\"ct-hero-stats\"\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e125\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e1-6\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003emois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e2x\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003epar jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePourquoi choisir Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eContrairement aux lotions classiques qui masquent le problème, Capitonic agit en profondeur sur le cuir chevelu et le follicule pileux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eRenforce la fibre\u003c\/h3\u003e\n \u003cp\u003eAction dès la racine grâce au silicium organique hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eRééquilibre le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eNormalise la production de sébum pour un environnement sain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eStimule la microcirculation\u003c\/h3\u003e\n \u003cp\u003eNourrit mieux les follicules pour une meilleure vitalité capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eFavorise la repousse\u003c\/h3\u003e\n \u003cp\u003eCheveux plus denses, plus vigoureux et plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIF CLÉ : SILICIUM --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe silicium organique : l'actif clé\u003c\/h2\u003e\n \u003cdiv class=\"ct-highlight-box\"\u003e\n \u003cdiv class=\"ct-highlight-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"ct-highlight-content\"\u003e\n \u003cp\u003eCet oligo-élément essentiel est au cœur de la formule Capitonic. Il joue un rôle fondamental dans la santé du cheveu et la régénération du bulbe capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-grid ct-grid-2\"\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e01\u003c\/span\u003e\n \u003ch4\u003eRégénération tissulaire\u003c\/h4\u003e\n \u003cp\u003eSoutient le tissu conjonctif qui entoure et protège le bulbe capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e02\u003c\/span\u003e\n \u003ch4\u003eNutrition optimisée\u003c\/h4\u003e\n \u003cp\u003eAméliore les échanges cellulaires pour mieux nourrir les follicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e03\u003c\/span\u003e\n \u003ch4\u003eSynergie minérale\u003c\/h4\u003e\n \u003cp\u003ePotentialise le cuivre et le zinc, essentiels à la pigmentation et solidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e04\u003c\/span\u003e\n \u003ch4\u003eTige renforcée\u003c\/h4\u003e\n \u003cp\u003eCheveux plus résistants à la casse et aux agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-cider-box\"\u003e\n \u003cspan class=\"ct-cider-icon\"\u003e🍎\u003c\/span\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003evinaigre de cidre\u003c\/strong\u003e, le silicium contribue à restaurer le pH naturel du cuir chevelu, créant un environnement favorable à la pousse de cheveux sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- HUILES ESSENTIELLES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe complexe d'huiles essentielles\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eChaque huile a été sélectionnée pour ses propriétés spécifiques sur la santé capillaire.\u003c\/p\u003e\n \u003cdiv class=\"ct-oils-grid\"\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eLaurier noble\u003c\/h4\u003e\n \u003cp\u003eStimule la circulation sanguine et purifie le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch4\u003eRomarin\u003c\/h4\u003e\n \u003cp\u003eFavorise la pousse et redonne vigueur aux cheveux fatigués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch4\u003eSauge\u003c\/h4\u003e\n \u003cp\u003eRégule l'excès de sébum et apporte brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch4\u003eYlang-ylang\u003c\/h4\u003e\n \u003cp\u003eNourrit en profondeur avec un parfum délicat\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=\"ct-section\"\u003e\n \u003ch2\u003eComment utiliser Capitonic ?\u003c\/h2\u003e\n \u003cdiv class=\"ct-usage-container\"\u003e\n \u003cdiv class=\"ct-usage-daily\"\u003e\n \u003ch3\u003e📋 Application quotidienne\u003c\/h3\u003e\n \u003cdiv class=\"ct-steps\"\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eVaporisez \u003cstrong\u003e1 spray\u003c\/strong\u003e directement sur les racines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eAppliquez \u003cstrong\u003ematin et soir\u003c\/strong\u003e pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eMassez délicatement du bout des doigts pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas rincer\u003c\/strong\u003e : le produit agit en continu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-usage-note\"\u003e💡 Peut s'appliquer sur cheveux secs ou légèrement humides après le lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-usage-duration\"\u003e\n \u003ch3\u003e⏱️ Durée de la cure\u003c\/h3\u003e\n \u003cdiv class=\"ct-duration-box\"\u003e\n \u003cdiv class=\"ct-duration-range\"\u003e\n \u003cspan class=\"ct-duration-num\"\u003e1 à 6\u003c\/span\u003e\n \u003cspan class=\"ct-duration-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eselon l'intensité de la chute\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-results-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e1er mois\u003c\/strong\u003e\n \u003cp\u003eRéduction de la chute, cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e2-3 mois\u003c\/strong\u003e\n \u003cp\u003eApparition de nouveaux cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e4-6 mois\u003c\/strong\u003e\n \u003cp\u003eDensité et vigueur retrouvées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eCette lotion convient aux hommes comme aux femmes, pour tous types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid ct-grid-3\"\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e📉\u003c\/span\u003e\n \u003ch4\u003eChute diffuse ou localisée\u003c\/h4\u003e\n \u003cp\u003ePerte de cheveux visible au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🪶\u003c\/span\u003e\n \u003ch4\u003eCheveux fins et fragiles\u003c\/h4\u003e\n \u003cp\u003eManque de densité et de volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch4\u003eCuir chevelu déséquilibré\u003c\/h4\u003e\n \u003cp\u003eExcès de sébum ou sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e😰\u003c\/span\u003e\n \u003ch4\u003eStress et fatigue\u003c\/h4\u003e\n \u003cp\u003ePerte de vigueur liée aux tensions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🍂\u003c\/span\u003e\n \u003ch4\u003eChangements saisonniers\u003c\/h4\u003e\n \u003cp\u003eChute automne\/printemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch4\u003ePrévention\u003c\/h4\u003e\n \u003cp\u003eAvant que la chute ne s'installe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION INCI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ct-inci-box\"\u003e\n \u003cp style=\"font-size:0.6em;\"\u003eAqua, Acetone, Guar Gum, \u003cstrong\u003eLaurus Nobilis Oil\u003c\/strong\u003e (Huile essentielle de Laurier noble), \u003cstrong\u003eRosmarinus Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Romarin), \u003cstrong\u003eSalvia Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Sauge), \u003cstrong\u003eCananga Odorata Oil\u003c\/strong\u003e (Huile essentielle d'Ylang-ylang), \u003cstrong\u003eMethylsilanol Hydroxyproline Aspartate\u003c\/strong\u003e (Silicium organique), Polysorbate 20, Caprylyl Glycol, Sodium Lactate, Sodium Formate, Citric Acid, Methylchloroisothiazolinone, Benzyl Benzoate, Ascorbic Acid, Phenoxyethanol, Sorbic Acid, Limonene.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ct-warning-box\"\u003e\n \u003cul class=\"ct-warning-list\"\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire\u003c\/li\u003e\n \u003cli\u003eContient des huiles essentielles : déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ct-info-grid\"\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e💨\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eFlacon spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003e≈ 2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e🏢\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eLaboratoire\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eJade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eHommes \u0026amp; Femmes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cdiv class=\"ct-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-cta-content\"\u003e\n \u003cspan class=\"ct-cta-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormulé par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, laboratoire français engagé dans les soins naturels et efficaces. Des ingrédients rigoureusement sélectionnés pour leur qualité, leur traçabilité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ct-cta-badges\"\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🔬 Expertise française\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e💚 Engagement qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ct-cream: #FDFBF7;\n --ct-white: #ffffff;\n --ct-primary: #E5A91B;\n --ct-primary-dark: #C4900F;\n --ct-primary-light: #FDF6E3;\n --ct-secondary: #C84536;\n --ct-secondary-light: #FCEAE8;\n --ct-accent: #4A7C59;\n --ct-accent-light: #E8F2EA;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8e4dc;\n --ct-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ct-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ct-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 50%, var(--ct-secondary) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 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 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ct-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(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\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.ct-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ct-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.ct-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 5vw, 4rem);\n flex-wrap: wrap;\n}\n\n.ct-stat {\n text-align: center;\n}\n\n.ct-stat-number {\n display: block;\n color: white;\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n}\n\n.ct-stat-label {\n color: rgba(255,255,255,.8);\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ct-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(--ct-primary), var(--ct-secondary));\n border-radius: 2px;\n}\n\n.ct-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--ct-text-light);\n max-width: 700px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ct-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.ct-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .75rem 0;\n}\n\n.ct-card p {\n font-size: 15px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ct-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--ct-primary-light) 0%, var(--ct-accent-light) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 5px solid var(--ct-primary);\n}\n\n.ct-highlight-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.ct-highlight-content p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--ct-text);\n line-height: 1.7;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ct-benefit-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--ct-shadow);\n position: relative;\n overflow: hidden;\n transition: all .3s ease;\n}\n\n.ct-benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-benefit-number {\n position: absolute;\n top: 10px;\n right: 15px;\n font-size: 48px;\n font-weight: 900;\n color: var(--ct-primary);\n opacity: .15;\n line-height: 1;\n}\n\n.ct-benefit-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ct-benefit-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CIDER BOX === *\/\n.ct-cider-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 2rem;\n border: 2px dashed var(--ct-primary);\n}\n\n.ct-cider-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-cider-box p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n}\n\n\/* === OILS GRID === *\/\n.ct-oils-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-oil-card {\n background: linear-gradient(145deg, var(--ct-accent-light) 0%, var(--ct-white) 100%);\n border-radius: var(--ct-radius);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--ct-accent);\n border-opacity: .2;\n transition: all .3s ease;\n}\n\n.ct-oil-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-oil-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.ct-oil-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-accent);\n margin: 0 0 .5rem 0;\n}\n\n.ct-oil-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.ct-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n}\n\n.ct-usage-daily, .ct-usage-duration {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-usage-daily h3, .ct-usage-duration h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 1.5rem 0;\n}\n\n.ct-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-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: 14px;\n flex-shrink: 0;\n}\n\n.ct-step p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n padding-top: 4px;\n}\n\n.ct-usage-note {\n margin: 1.5rem 0 0 0;\n padding: 1rem;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n font-size: 14px;\n color: var(--ct-primary-dark);\n}\n\n.ct-duration-box {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--ct-secondary-light) 0%, var(--ct-primary-light) 100%);\n border-radius: var(--ct-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.ct-duration-range {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: .5rem;\n}\n\n.ct-duration-num {\n font-size: 42px;\n font-weight: 900;\n color: var(--ct-secondary);\n line-height: 1;\n}\n\n.ct-duration-unit {\n font-size: 20px;\n font-weight: 700;\n color: var(--ct-secondary);\n}\n\n.ct-duration-box \u003e p {\n margin: .5rem 0 0 0;\n font-size: 14px;\n color: var(--ct-text-light);\n}\n\n.ct-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-timeline-dot {\n width: 12px;\n height: 12px;\n background: var(--ct-primary);\n border-radius: 50%;\n margin-top: 4px;\n flex-shrink: 0;\n position: relative;\n}\n\n.ct-timeline-item:not(:last-child) .ct-timeline-dot::after {\n content: '';\n position: absolute;\n top: 12px;\n left: 50%;\n transform: translateX(-50%);\n width: 2px;\n height: calc(100% + 1rem);\n background: var(--ct-border);\n}\n\n.ct-timeline-item strong {\n display: block;\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: 2px;\n}\n\n.ct-timeline-item p {\n margin: 0;\n font-size: 13px;\n color: var(--ct-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.ct-target-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-target-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-target-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-target-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .25rem 0;\n}\n\n.ct-target-card p {\n font-size: 13px;\n color: var(--ct-text-light);\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.ct-inci-box {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border-left: 5px solid var(--ct-accent);\n}\n\n.ct-inci-box p {\n margin: 0;\n font-size: 14px;\n color: var(--ct-text-light);\n line-height: 1.8;\n}\n\n.ct-inci-box strong {\n color: var(--ct-accent);\n}\n\n\/* === WARNING BOX === *\/\n.ct-warning-box {\n display: flex;\n gap: 1.5rem;\n background: var(--ct-secondary-light);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ct-secondary);\n}\n\n.ct-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-warning-list {\n margin: 0;\n padding-left: 1.25rem;\n list-style: disc;\n}\n\n.ct-warning-list li {\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: .5rem;\n line-height: 1.6;\n}\n\n.ct-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO GRID === *\/\n.ct-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.ct-info-item {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-info-item:hover {\n transform: translateY(-3px);\n}\n\n.ct-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-info-label {\n display: block;\n font-size: 12px;\n color: var(--ct-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.ct-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-accent) 0%, #3a6347 100%);\n border-radius: var(--ct-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 5c-1.5 6-6 10.5-12 12 6 1.5 10.5 6 12 12 1.5-6 6-10.5 12-12-6-1.5-10.5-6-12-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ct-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ct-cta-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.ct-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.ct-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ct-grid, .ct-grid-2, .ct-grid-3, .ct-oils-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-usage-container {\n grid-template-columns: 1fr;\n }\n \n .ct-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: left;\n }\n \n .ct-cider-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .ct-info-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-hero-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card, .ct-info-item {\n animation: ctFadeInUp .6s ease backwards;\n }\n \n .ct-card:nth-child(1), .ct-benefit-card:nth-child(1), .ct-oil-card:nth-child(1), .ct-target-card:nth-child(1) { animation-delay: .1s; }\n .ct-card:nth-child(2), .ct-benefit-card:nth-child(2), .ct-oil-card:nth-child(2), .ct-target-card:nth-child(2) { animation-delay: .2s; }\n .ct-card:nth-child(3), .ct-benefit-card:nth-child(3), .ct-oil-card:nth-child(3), .ct-target-card:nth-child(3) { animation-delay: .3s; }\n .ct-card:nth-child(4), .ct-benefit-card:nth-child(4), .ct-oil-card:nth-child(4), .ct-target-card:nth-child(4) { animation-delay: .4s; }\n .ct-target-card:nth-child(5) { animation-delay: .5s; }\n .ct-target-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes ctFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ct-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card {\n border: 2px solid var(--ct-text);\n }\n \n .ct-badge, .ct-cta-badge {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755274625181,"sku":"JADECAPI125","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/capitonic-anti-chute-et-repousse-des-cheveux-125-ml-jade-rec-packshothd_8dfbf3f4-a5f1-4e69-9616-b0588f1692c3.webp?v=1787499030"},{"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":"huile-vegetale-de-jojoba-bio-50-ou-100-ml-florame","title":"Huile Végétale de Jojoba Bio - 50 ml - Florame","description":"\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🌱 100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile Végétale de Jojoba Bio\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eFlorame — 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eLe soin multi-usage par excellence : visage, cheveux, corps et ongles réunis en un seul flacon d'exception pressé à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eL'huile végétale de Jojoba Bio : le soin multi-usage par excellence\u003c\/h2\u003e\n \u003cdiv class=\"jj-testimonial\"\u003e\n \u003cp class=\"jj-testimonial-text\"\u003eVous cherchez une \u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e capable de prendre soin de votre peau, de vos cheveux et même de vos ongles en un seul geste ? L'\u003cstrong\u003eHuile Végétale de Jojoba Bio Florame\u003c\/strong\u003e est un incontournable de la cosmétique naturelle. Pressée à froid à partir de graines de jojoba issues de l'agriculture biologique, elle conserve l'intégralité de ses actifs précieux pour vous offrir un soin d'une efficacité remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa composition est très proche du \u003cstrong\u003esébum humain\u003c\/strong\u003e. C'est ce qui la rend si bien tolérée par toutes les peaux — même les plus sensibles ou réactives — et si efficace pour \u003cstrong\u003erééquilibrer naturellement\u003c\/strong\u003e la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulatrice de sébum\u003c\/h3\u003e\n \u003cp\u003eElle aide les peaux grasses et mixtes à retrouver leur équilibre sans obstruer les pores. Idéale contre les imperfections et l'acné, elle peut devenir votre meilleure alliée quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratante sans effet gras\u003c\/h3\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile végétale de jojoba bio\u003c\/strong\u003e pénètre rapidement et laisse la peau douce, souple, sans aucun film collant ni résidu désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e✨ Anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en acides gras insaturés (notamment l'acide gadoléique), elle aide à prévenir l'apparition des rides et ridules en protégeant la peau de la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les tiraillements, les rougeurs et les irritations, ce qui la rend idéale pour les peaux sèches ou sensibles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eUn soin capillaire complet\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba bio pressée à froid\u003c\/strong\u003e fait aussi des merveilles sur les cheveux. Elle régule le cuir chevelu gras en limitant l'excès de sébum, tout en nourrissant intensément les longueurs sèches, abîmées ou cassantes.\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum pour des racines fraîches plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Longueurs \u0026amp; pointes\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément pour des cheveux plus souples, brillants et en meilleure santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles fragiles et nourrit les cuticules sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌟 Résultat visible\u003c\/h3\u003e\n \u003cp\u003eDes cheveux visiblement plus sains, une chevelure revitalisée dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur peau propre et légèrement humide, matin et\/ou soir. Massez en mouvements circulaires jusqu'à pénétration complète. Vous pouvez aussi l'ajouter à votre crème de jour pour un boost d'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, appliquez généreusement sur les longueurs et les pointes. Laissez poser 30 minutes minimum (ou toute la nuit sous une serviette), puis lavez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🛁 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez quelques gouttes sur peau encore humide pour sceller l'hydratation. Concentrez-vous sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🪷 Démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur un coton ou directement sur le visage permettent de dissoudre le maquillage, même waterproof, tout en douceur.\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=\"jj-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"jj-accordion\"\u003e\n \u003cdetails class=\"jj-accordion-item\" open\u003e\n \u003csummary class=\"jj-accordion-header\"\u003e🧬 Ingrédient unique\u003c\/summary\u003e\n \u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSimmondsia Chinensis (Jojoba) Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e*Ingrédient issu de l'agriculture biologique. Formule 100 % d'origine naturelle.\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=\"jj-section\"\u003e\n \u003ch2\u003eEngagements qualité Florame\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eFormulée à Saint-Rémy-de-Provence, cette \u003cstrong\u003ehuile végétale bio de jojoba\u003c\/strong\u003e est certifiée \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e. Elle est garantie :\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003cp\u003eNi silicone, ni phénoxyéthanol dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eAvec pompe pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique de chaque ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant cette huile de jojoba bio Florame, vous optez pour un soin polyvalent, efficace et respectueux de votre peau comme de l'environnement. Un seul flacon pour remplacer plusieurs produits : votre routine beauté n'a jamais été aussi simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eVous souffrez d'acné et souhaitez en savoir plus ? Découvrez comment \u003ca title=\"Huile de jojoba et acné du visage\" href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/huile-dargan-vs-huile-de-jojoba-match-ultime-contre-acne\"\u003el'huile de jojoba peut vous aider à lutter contre l'acné du visage\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jj-cream: #faf8f3;\n --jj-white: #ffffff;\n --jj-primary: #b89a3a;\n --jj-primary-dark: #7a6520;\n --jj-primary-light: #f5f0df;\n --jj-secondary: #6a8c3a;\n --jj-accent: #d4a843;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e6e0cf;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #7a6520 0%, #b89a3a 50%, #6a8c3a 100%);\n border-radius: var(--jj-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(--jj-shadow-lg);\n}\n\n.jj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jj-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.jj-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.jj-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.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-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(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-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.jj-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(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jj-grid-compact .jj-card {\n padding: 1rem;\n}\n\n.jj-grid-compact .jj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jj-grid-compact .jj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-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.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.jj-testimonial {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jj-shadow);\n border-left: 4px solid var(--jj-primary);\n}\n\n.jj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.jj-accordion {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n box-shadow: var(--jj-shadow);\n overflow: hidden;\n}\n\n.jj-accordion-item {\n border-bottom: 1px solid var(--jj-border);\n margin: 0;\n padding: 0;\n}\n\n.jj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jj-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.jj-accordion-header:hover {\n background: var(--jj-primary-light);\n}\n\n.jj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jj-primary);\n transition: transform .2s ease;\n}\n\n.jj-accordion-item[open] .jj-accordion-header::after {\n content: '−';\n}\n\n.jj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jj-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.jj-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-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.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.jj-disclaimer a {\n color: var(--jj-primary);\n text-decoration: underline;\n transition: color .2s ease;\n}\n\n.jj-disclaimer a:hover {\n color: var(--jj-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.jj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-grid-compact {\n gap: .625rem;\n }\n\n .jj-grid-compact .jj-card {\n padding: .75rem;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jj-testimonial {\n padding: 1.25rem;\n }\n\n .jj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n .jj-card:nth-child(4) { animation-delay: .2s; }\n .jj-card:nth-child(5) { animation-delay: .25s; }\n .jj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jjFadeInUp {\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 .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755286978717,"sku":"FM0265","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-jojoba-bio-50-ml-florame-packshothd.webp?v=1774366470"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\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=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-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(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-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(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-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.cam-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 font-style: italic;\n}\n\n.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-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.cam-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(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-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.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-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 .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":12.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\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=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\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=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\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=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.arg-subtitle {\n color: var(--arg-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.arg-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.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.arg-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(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-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(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-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,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-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 .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\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=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-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(--ses-shadow-lg);\n}\n\n.ses-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-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(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-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.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-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.ses-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(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-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.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-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 .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-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 .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":11.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles","title":"Huile de Ricin Bio - Fortifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile de Ricin Bio Fortifiante\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eLe secret ancestral pour des cheveux, cils et ongles sublimés\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003e50 ml d'huile pure, certifiée biologique, en flacon compte-gouttes pour un dosage précis et sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eL'huile de Ricin : un soin naturel pour des cheveux, cils et ongles renforcés\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e véritablement efficace pour redonner force et vitalité à vos cheveux ? L'\u003cstrong\u003eHuile de Ricin Fortifiante Comptoir des Huiles\u003c\/strong\u003e est un soin pur, certifié biologique, formulé pour prendre soin de vos cheveux, cils, sourcils et ongles avec un seul produit naturel. Conditionnée en flacon compte-gouttes de 50 ml, elle s'utilise avec précision et sans gaspillage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e est un grand classique de la beauté naturelle. Naturellement riche en \u003cstrong\u003eacide ricinoléique\u003c\/strong\u003e, un acide gras rare quasi exclusif au ricin, elle possède des propriétés fortifiantes et gainantes remarquables.\u003c\/p\u003e\n \u003cp\u003eAppliquée régulièrement sur le cuir chevelu, l'\u003cstrong\u003ehuile de ricin sur les cheveux\u003c\/strong\u003e nourrit le bulbe capillaire, limite la casse et redonne de l'épaisseur aux chevelures fragilisées.\u003c\/p\u003e\n \u003cp\u003eL'association \u003cstrong\u003echeveux et huile de ricin\u003c\/strong\u003e fait ses preuves depuis des générations, bien avant les tendances cosmétiques actuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile fortifiante\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Fortifie et épaissit les cheveux\u003c\/h3\u003e\n \u003cp\u003eElle renforce les cheveux normaux et bouclés, réduit la casse et apporte de la densité visible dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Stimule la pousse des cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes appliquées chaque soir suffisent pour obtenir, au fil des semaines, des cils et sourcils plus fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Renforce les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eMassée sur les ongles et cuticules, elle durcit les ongles fragiles et prévient les dédoublements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🫧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eSa texture épaisse apporte une hydratation profonde aux longueurs sèches et pointes abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle et certifiée bio\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, sans additif ni raffinage chimique. La pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e🧖‍♀️ En bain d'huile capillaire\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes grâce à la pipette et appliquez l'\u003cstrong\u003ehuile de ricin dans les cheveux\u003c\/strong\u003e, en massant le cuir chevelu du bout des doigts. Étirez sur les longueurs, enveloppez dans une serviette tiède et laissez poser entre 30 minutes et une nuit entière. Procédez ensuite à un ou deux shampoings doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez une micro-goutte le soir à l'aide d'une brossette propre ou d'un coton-tige, en évitant le contact direct avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule, idéalement chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de ricin étant naturellement épaisse, vous pouvez la mélanger à une huile plus fluide comme l'huile de coco ou de jojoba pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-composition-box\"\u003e\n \u003cdiv class=\"rc-composition-label\"\u003eIngrédient (INCI)\u003c\/div\u003e\n \u003cdiv class=\"rc-composition-value\"\u003eRicinus Communis Seed Oil*\u003c\/div\u003e\n \u003cp class=\"rc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagement Comptoir des Huiles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eLa marque \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e sélectionne ses huiles végétales avec exigence : chaque lot est pressé à froid, non raffiné et certifié bio. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pipette intégrée permet un dosage précis et hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"rc-cta-box\"\u003e\n \u003cp\u003eQue ce soit pour densifier une chevelure fine, allonger vos cils ou consolider des ongles mous, l'\u003cstrong\u003ehuile de ricin cheveux\u003c\/strong\u003e est un basique à toujours avoir sous la main pour votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation. Conservez à l'abri de la chaleur et de la lumière.\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 --rc-cream: #faf7f3;\n --rc-white: #ffffff;\n --rc-primary: #6b3a2a;\n --rc-primary-dark: #4a2518;\n --rc-primary-light: #f5ece6;\n --rc-secondary: #c8956c;\n --rc-accent: #d4a574;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8ddd4;\n --rc-shadow: 0 4px 24px rgba(75, 37, 24, .08);\n --rc-shadow-lg: 0 12px 48px rgba(75, 37, 24, .15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #4a2518 0%, #6b3a2a 40%, #c8956c 100%);\n border-radius: var(--rc-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(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(200,149,108,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-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.rc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.rc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-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(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-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.rc-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(--rc-primary), var(--rc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rc-highlight-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-secondary);\n line-height: 1.8;\n}\n\n.rc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rc-text);\n margin: 0 0 1rem 0;\n}\n\n.rc-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-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.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rc-composition-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n text-align: center;\n border: 2px solid var(--rc-border);\n}\n\n.rc-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--rc-secondary);\n margin-bottom: .5rem;\n}\n\n.rc-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: .75rem;\n font-style: italic;\n}\n\n.rc-composition-note {\n font-size: 13px;\n color: var(--rc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.rc-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\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-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.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n\n .rc-highlight-box {\n padding: 1.25rem;\n }\n\n .rc-highlight-box p {\n font-size: 14px;\n }\n\n .rc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\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 .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53480327905657,"sku":"HUILERICINCDH","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774365515"},{"product_id":"huile-davocat-regenerante-50ml-comptoir-des-huiles","title":"Huile d'Avocat Bio - Régénérante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🥑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile d'Avocat Bio Régénérante\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eComptoir des Huiles — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eUne huile végétale d'exception, 100 % pure et biologique, pour nourrir intensément votre peau et sublimer vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile d'avocat bio : le soin régénérant pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale pour cheveux\u003c\/strong\u003e secs et abîmés, ou un soin naturel capable de redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e du Comptoir des Huiles est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🥑 Pure \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid, 100 % pure et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eFlacon de 50 ml avec pipette pour un dosage précis, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux : un seul soin pour toute votre routine beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eConcentre toute la puissance du fruit d'avocat pour nourrir et régénérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'avocat est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'avocat est naturellement gorgé de nutriments précieux pour la peau et la fibre capillaire. Cette huile végétale se distingue par sa composition exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOméga-9 et oméga-6\u003c\/strong\u003e : ils pénètrent en profondeur pour nourrir intensément et restaurer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Vitamines A, D et E\u003c\/h3\u003e\n \u003cp\u003eDe puissants \u003cstrong\u003eantioxydants\u003c\/strong\u003e qui protègent les cellules du stress oxydatif et favorisent la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧬 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eIls renforcent le \u003cstrong\u003efilm hydrolipidique\u003c\/strong\u003e et apaisent les peaux irritées ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eGrâce à cette synergie d'actifs, l'huile d'avocat nourrit, répare et protège en un seul geste. Sa texture riche mais non grasse pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUn soin visage et corps anti-âge naturel\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez la peau sèche, mature ou sensible, cette huile deviendra vite indispensable dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Élasticité retrouvée\u003c\/h3\u003e\n \u003cp\u003eAppliquée quotidiennement, elle aide à améliorer l'élasticité de la peau et à atténuer les rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRedonne un éclat naturel au visage et estompe les signes de fatigue pour un teint frais et reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Apaisement intense\u003c\/h3\u003e\n \u003cp\u003eRemarquable pour apaiser les tiraillements, les gerçures et les zones rugueuses comme les coudes et les talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e✋\u003c\/span\u003e\n \u003cp\u003eQuelques gouttes suffisent : massez délicatement votre visage ou votre corps matin et soir, sur peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa meilleure huile végétale pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile d'avocat est une \u003cstrong\u003ehuile végétale pour cheveux secs\u003c\/strong\u003e particulièrement plébiscitée. Elle nourrit la fibre en profondeur et redonne brillance et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💆 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre en profondeur et scelle l'hydratation pour des longueurs souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinit les boucles tout en luttant efficacement contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eNourrit le cuir chevelu et stimule la microcirculation pour une chevelure forte et dense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamines et acides gras en fait une alliée contre la chute capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment l'utiliser sur les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003e🧖 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu, puis laissez poser 30 minutes à une nuit entière sous une serviette tiède. Lavez ensuite avec votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003e✨ En sérum quotidien\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans vos paumes et lissez vos pointes pour les protéger et les nourrir au quotidien. Un geste simple pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧪 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePersea Gratissima Oil*\u003c\/strong\u003e (*issu de l'agriculture biologique). Un seul ingrédient, une pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌿 Engagements\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLe Comptoir des Huiles s'engage dans une démarche \u003cstrong\u003e100 % naturelle, bio et équitable\u003c\/strong\u003e. L'huile est obtenue par première pression à froid afin de préserver l'intégralité de ses actifs. Sans additif, sans conservateur, sans parfum de synthèse.\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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de doute ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez votre flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #4a7c3f;\n --av-primary-dark: #2e5527;\n --av-primary-light: #e8f0e5;\n --av-secondary: #8b6f47;\n --av-accent: #c4a265;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0ddd6;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5527 0%, #4a7c3f 50%, #6b9a5e 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,162,101,.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.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.av-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.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481315467641,"sku":"AVOCATCDH","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-davocat-bio-regenerante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427754"},{"product_id":"huile-de-nigelle-purifiante-50ml-comptoir-des-huiles","title":"Huile de Nigelle Bio - Purifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"ng-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle Bio Purifiante\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eLe trésor ancestral des peaux à problèmes — visage \u0026amp; corps\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003e50 ml d'huile vierge de cumin noir, 100 % pure et naturelle, pour purifier, apaiser et régénérer votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eHuile de Nigelle Bio : le soin purifiant pour les peaux à problèmes\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eVous cherchez une huile de nigelle bio capable de purifier votre peau en profondeur, sans l'agresser ?\u003c\/p\u003e\n \u003cdiv class=\"ng-testimonial\"\u003e\n \u003cp class=\"ng-testimonial-text\"\u003eL'Huile de Nigelle Purifiante de Comptoir des Huiles est un trésor de la nature, obtenu par première pression à froid de graines de cumin noir issues de l'agriculture biologique. Formulée à 100 % d'ingrédients naturels et bio, elle s'adresse tout particulièrement aux peaux mixtes, grasses ou sujettes aux imperfections, aussi bien sur le visage que sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de nigelle sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle offre une action multiple sur les peaux à problèmes.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧹 Purification en profondeur\u003c\/h3\u003e\n \u003cp\u003eSes vertus antibactériennes aident à réduire les points noirs, les boutons et les excès de sébum, pour une peau visiblement plus nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires, l'huile de nigelle calme les rougeurs, les sensibilités et les inconforts liés à l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Hydratation non comédogène\u003c\/h3\u003e\n \u003cp\u003eElle nourrit sans obstruer les pores ni laisser de film gras, un atout rare pour les peaux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e✨ Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants contribuent à estomper les marques et cicatrices, tout en favorisant le renouvellement naturel des cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eL'huile de nigelle pour les cheveux : un allié souvent méconnu\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eAu-delà du visage, l'huile de nigelle est un véritable soin revitalisant pour votre cuir chevelu et vos longueurs.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧖 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et aide à lutter contre les pellicules grâce à son action antibactérienne et anti-inflammatoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💪 Fibre capillaire renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire en profondeur et limite la chute de cheveux pour une chevelure plus dense et résistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux cheveux ternes ou fragilisés dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-tip\"\u003e\n \u003cspan class=\"ng-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eMassez quelques gouttes sur le cuir chevelu, laissez poser 20 à 30 minutes, puis procédez à votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile bio de nigelle au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-timeline\"\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur le visage propre et sec, matin et\/ou soir. Massez délicatement en mouvements circulaires jusqu'à pénétration complète. Vous pouvez l'utiliser seule ou mélangée à votre crème hydratante habituelle pour moduler son intensité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez localement les zones sujettes aux imperfections, aux irritations ou aux démangeaisons. Elle convient parfaitement après l'épilation pour apaiser la peau.\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=\"ng-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003eNigella Sativa Seed Oil* — *Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧪 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % pure, vierge, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs ni parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🫙 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré 50 ml avec compte-gouttes précis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de nigelle Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🌾 Sourcing biologique d'excellence\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eComptoir des Huiles sélectionne des graines de nigelle cultivées dans le respect de l'environnement et certifiées biologiques. L'extraction par première pression à froid préserve l'intégralité des actifs pour une huile d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🫙 Protection optimale du flacon\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eLe flacon en verre ambré protège l'huile de l'oxydation et garantit sa fraîcheur dans le temps. Le compte-gouttes intégré permet un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant, consultez un professionnel de santé. Effectuez un test dans le pli du coude 24 heures avant la première utilisation pour écarter tout risque d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le pouvoir purifiant de la nigelle bio — 100 % naturelle, 100 % efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ng-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 --ng-cream: #f7f4f0;\n --ng-white: #ffffff;\n --ng-primary: #7b82b8;\n --ng-primary-dark: #4a4f7a;\n --ng-primary-light: #edeef6;\n --ng-secondary: #c9945a;\n --ng-accent: #a67c52;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0ddd8;\n --ng-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ng-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, #4a4f7a 0%, #7b82b8 45%, #c9945a 100%);\n border-radius: var(--ng-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(--ng-shadow-lg);\n}\n\n.ng-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.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-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.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ng-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(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ng-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.ng-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-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.ng-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(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n.ng-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-primary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ng-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ng-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ng-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ng-primary), var(--ng-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.ng-timeline-content {\n flex: 1;\n background: var(--ng-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ng-radius-sm);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ng-timeline-content p {\n font-size: 14px;\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ng-testimonial {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ng-shadow);\n border-left: 4px solid var(--ng-primary);\n}\n\n.ng-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-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.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-primary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ng-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ng-primary-light);\n border-radius: var(--ng-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ng-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ng-tip p {\n font-size: 14px;\n color: var(--ng-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ng-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.ng-disclaimer {\n font-size: 12px;\n color: var(--ng-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 .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ng-card {\n padding: 1.125rem;\n }\n\n .ng-section {\n margin-bottom: 1.75rem;\n }\n\n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n\n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ng-grid-compact {\n gap: .625rem;\n }\n\n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n\n .ng-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ng-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ng-timeline-content h3 {\n font-size: 14px;\n }\n\n .ng-timeline-content p {\n font-size: 13px;\n }\n\n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ng-testimonial {\n padding: 1.25rem;\n }\n\n .ng-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card {\n animation: ngFadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ngFadeInUp {\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 .ng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481317892473,"sku":"NIGELLECDH","price":9.61,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-purifiante-50ml-comptoir-des-huiles-packshothd_a405d260-848c-4e55-a55c-dae3dbe7a64d.webp?v=1788537466"},{"product_id":"huile-dargan-tonifiante-50ml-comptoir-des-huiles","title":"Huile d'Argan Bio - Tonifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"arg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e❄️ Pression à froid\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🧴 Visage, corps \u0026amp; cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio Tonifiante\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eComptoir des Huiles — 50 ml avec compte-gouttes\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn trésor marocain ancestral, pur et certifié bio, pour nourrir, tonifier et sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eL'huile d'Argan Bio : le trésor marocain pour votre peau, vos cheveux et vos ongles\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile d'argan bio\u003c\/strong\u003e authentique, capable de nourrir votre peau en profondeur tout en lui redonnant tonus et éclat ? L'\u003cstrong\u003eHuile d'Argan Tonifiante\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est exactement ce qu'il vous faut. 100 % naturelle, certifiée biologique et extraite par première pression à froid, cette huile précieuse originaire du Maroc concentre le meilleur de l'arganier dans un flacon de 50 ml muni d'un compte-gouttes pratique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile d'argan bio pour le visage, le corps et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eNaturellement riche en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e (oméga-6 et oméga-9), en \u003cstrong\u003evitamine E\u003c\/strong\u003e et en \u003cstrong\u003einsaponifiables\u003c\/strong\u003e, elle agit sur plusieurs fronts à la fois.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💪 Tonifie et raffermit la peau\u003c\/h3\u003e\n \u003cp\u003eStimule la régénération cellulaire et aide à maintenir l'élasticité cutanée. Votre peau retrouve un aspect plus ferme et plus rebondi, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Nourrit intensément sans graisser\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement. Idéale pour les peaux normales à sèches, elle apaise les tiraillements et laisse un fini soyeux, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Protège contre le vieillissement cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa puissante action antioxydante, elle aide à neutraliser les radicaux libres responsables des rides et de la perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e✨ Redonne vie aux cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle répare la fibre capillaire, réduit les frisottis et apporte une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Fortifie les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eUn massage régulier sur les ongles et les cuticules les rend plus résistants et mieux hydraté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=\"arg-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'argan tonifiante au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eL'un des grands atouts de cette huile bio argan est sa polyvalence. Voici comment l'intégrer facilement à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"arg-timeline\"\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 3 à 4 gouttes au creux de vos mains et massez délicatement le visage et le cou en mouvements ascendants. Elle peut aussi s'utiliser le matin, sous votre crème de jour, comme sérum nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement après la douche sur les zones sèches (coudes, genoux, décolleté). La peau encore légèrement humide absorbera mieux les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile, appliquez sur les longueurs et laissez poser 30 minutes à une nuit avant le shampoing. En finition, une ou deux gouttes sur cheveux secs disciplinent et font briller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eComposition et origine\u003c\/h2\u003e\n \u003cdiv class=\"arg-card\" style=\"text-align:left;\"\u003e\n \u003ch3\u003e🧬 Ingrédient unique (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e — \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile d'argan bio du Maroc\u003c\/strong\u003e est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, un procédé mécanique qui préserve l'intégralité des vitamines, des acides gras et des antioxydants. Aucun additif, aucun conservateur, aucun parfum de synthèse : vous bénéficiez d'un soin pur et brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'argan bio ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧴 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition et de fermeté au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux ternes \u0026amp; fragilisés\u003c\/h3\u003e\n \u003cp\u003eSecs, cassants ou en manque de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003ePour renforcer et hydrater les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUn seul produit multi-usages, bio et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e✨ Simplifiez votre routine beauté avec un seul produit multi-usages, naturel et efficace — l'huile d'argan bio tonifiante Comptoir des Huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"arg-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. 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:root {\n --arg-cream: #faf7f2;\n --arg-white: #ffffff;\n --arg-primary: #c8944a;\n --arg-primary-dark: #8b5e2f;\n --arg-primary-light: #f5ece0;\n --arg-secondary: #d4a95a;\n --arg-accent: #e8c77b;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8ddd0;\n --arg-shadow: 0 4px 24px rgba(139, 94, 47, .08);\n --arg-shadow-lg: 0 12px 48px rgba(139, 94, 47, .15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e2f 0%, #c8944a 50%, #d4a95a 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-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 repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-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.arg-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.arg-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.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-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.arg-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(--arg-primary), var(--arg-secondary));\n border-radius: 2px;\n}\n\n.arg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arg-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.arg-section-intro strong {\n color: var(--arg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.arg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.arg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arg-primary), var(--arg-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(200, 148, 74, .3);\n}\n\n.arg-timeline-content {\n flex: 1;\n background: var(--arg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arg-radius-sm);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.arg-timeline-content p {\n font-size: 14px;\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.arg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.arg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.arg-tip p {\n font-size: 14px;\n color: var(--arg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-tip p strong {\n color: var(--arg-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-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.arg-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.arg-disclaimer {\n font-size: 12px;\n color: var(--arg-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 .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arg-card {\n padding: 1.125rem;\n }\n\n .arg-section {\n margin-bottom: 1.75rem;\n }\n\n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n\n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .arg-grid-compact {\n gap: .625rem;\n }\n\n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n\n .arg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .arg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .arg-timeline-content h3 {\n font-size: 14px;\n }\n\n .arg-timeline-content p {\n font-size: 13px;\n }\n\n .arg-tip {\n padding: .875rem 1rem;\n }\n\n .arg-tip-icon {\n font-size: 20px;\n }\n\n .arg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n\n .arg-timeline-item {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-timeline-item:nth-child(1) { animation-delay: .05s; }\n .arg-timeline-item:nth-child(2) { animation-delay: .1s; }\n .arg-timeline-item:nth-child(3) { animation-delay: .15s; }\n .arg-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes argFadeInUp {\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 .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481318515065,"sku":"ARGANCDH","price":10.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-tonifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427777"},{"product_id":"huile-damande-douce-adoucissante-50ml-comptoir-des-huiles","title":"Huile d'Amande douce Bio - Adoucissante - Peau et Cheveux - Comptoir des huiles","description":"\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫧 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eHuile adoucissante · Comptoir des Huiles\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eL'alliée douceur de toute la famille : une huile végétale pure et certifiée bio pour nourrir la peau, apaiser les sensibilités et sublimer les cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce : le soin adoucissant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eVous cherchez une huile d'amande douce polyvalente, douce et vraiment efficace ? L'Huile d'Amande Douce Adoucissante de Comptoir des Huiles est un incontournable des soins naturels. Certifiée bio et obtenue par première pression à froid, cette huile végétale pure prend soin de votre peau, de votre visage et de vos cheveux au quotidien.\u003c\/p\u003e\n \u003cp class=\"ad-section-intro\"\u003eSon secret : une composition d'une simplicité remarquable, sans aucun additif, pour un résultat que vous sentirez dès la première application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga 6 et oméga 9) ainsi qu'en vitamines A et E, l'huile d'amande douce offre un soin complet reconnu depuis des siècles.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Nourrit et adoucit en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle pénètre facilement sans laisser de film gras, idéale pour les peaux sèches et déshydratées qui ont besoin de retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, irritations… L'huile d'amande douce calme les inconforts cutanés, y compris sur les peaux les plus fragiles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eElle renforce le film hydrolipidique naturel de la peau et aide à la protéger des agressions extérieures : froid, vent, pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Revitalise les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage, elle redonne brillance, douceur et élasticité aux longueurs sèches et cassantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Convient aux bébés\u003c\/h3\u003e\n \u003cp\u003eUn classique pour hydrater la peau délicate des tout-petits et masser en douceur après le bain. Toute la famille en profite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes dans le creux de vos mains, puis massez délicatement votre peau propre et sèche, matin ou soir. Elle peut aussi servir de démaquillant naturel : appliquez-la sur un coton pour dissoudre le maquillage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez généreusement les zones sèches (coudes, genoux, jambes) pour retrouver une peau souple et veloutée. C'est également une huile de massage idéale, seule ou mélangée à quelques gouttes d'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampooing, appliquez sur les longueurs et les pointes, laissez poser 30 minutes minimum, puis lavez normalement. Pour dompter les frisottis au quotidien, une noisette sur les pointes sèches suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez quelques gouttes à votre crème hydratante habituelle pour booster son pouvoir nourrissant, ou mélangez avec du miel pour un masque visage maison ultra-doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-inci\"\u003e\n \u003cspan class=\"ad-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"ad-composition-value\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eC'est tout. Une huile 100 % pure, naturelle et bio, sans parfum, sans conservateur, sans colorant. Obtenue par première pression à froid pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun arôme ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003ePureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSur le marché, les huiles d'amande douce ne se valent pas toutes. Celle de Comptoir des Huiles se distingue par plusieurs engagements concrets :\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌱 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantit l'absence de pesticides et de traitements chimiques pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eConserve toutes les propriétés actives de l'amande : vitamines, acides gras essentiels, antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧪 Flacon verre ambré + pipette\u003c\/h3\u003e\n \u003cp\u003eFormat 50 ml pour un dosage précis et une conservation optimale à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤝 Fabrication éthique\u003c\/h3\u003e\n \u003cp\u003eUne production responsable et respectueuse de l'environnement, de la récolte des amandes jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eQue vous l'utilisiez pour prendre soin de votre peau, sublimer vos cheveux ou chouchouter la peau de votre bébé, cette huile deviendra vite un essentiel de votre salle de bain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 Flacon de 50 ml avec pipette en verre — L'essentiel beauté 100 % naturel et bio pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas d'allergie aux fruits à coque, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #faf8f5;\n --ad-white: #ffffff;\n --ad-primary: #5bab8b;\n --ad-primary-dark: #2e6e54;\n --ad-primary-light: #e8f5ee;\n --ad-secondary: #c8946e;\n --ad-accent: #d4a87c;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #2e6e54 0%, #5bab8b 50%, #c8946e 100%);\n border-radius: var(--ad-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(--ad-shadow-lg);\n}\n\n.ad-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(200,148,110,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-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(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ad-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.ad-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.ad-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-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.ad-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(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-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.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-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.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.ad-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.ad-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n font-style: italic;\n}\n\n.ad-composition-note {\n font-size: 13px;\n color: var(--ad-text-light);\n font-style: italic;\n margin: .75rem 0 0 0;\n}\n\n\/* === CTA === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-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.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-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 .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\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 .ad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481325691257,"sku":"AMANDEDOUCECDH","price":8.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-damande-douce-bio-adoucissante-peau-et-cheveux-comptoi-packshothd_fbd72150-5f38-4bd3-8b45-7133ba4bfe7c.webp?v=1788538558"},{"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":"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":"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":"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":"carapate-soin-cheveux-comptoir-huiles","title":"Huile de Carapate Bio (Ricin Noir) 50ml - Gainante \u0026 Fortifiante - Comptoir des Huiles","description":"\u003cdiv class=\"cp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cp-hero\"\u003e\n \u003cdiv class=\"cp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cp-hero-content\"\u003e\n \u003cdiv class=\"cp-badges-top\"\u003e\n \u003cspan class=\"cp-badge\"\u003e🌿 100 % naturelle\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Savoir-faire artisanal\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e✨ Gainante \u0026amp; fortifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eHuile de Carapate Bio (Ricin Noir) 50 ml\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eComptoir des Huiles — Le secret ancestral des cheveux bouclés et crépus\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003eUne huile de ricin noir non raffinée, concentrée en acide ricinoléique (≈85 %), pour nourrir, gainer et fortifier vos cheveux en profondeur. Flacon compte-gouttes 50 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eHuile de Carapate Bio : le secret des cheveux bouclés et crépus en pleine santé\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVous cherchez une huile de ricin pour cheveux réellement efficace et naturelle ? L'huile de Carapate de Comptoir des Huiles est bien plus qu'une simple huile de ricin classique.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌰 Ricin noir artisanal\u003c\/h3\u003e\n \u003cp\u003eObtenue par cuisson et pression des graines de \u003cem\u003eRicinus communis\u003c\/em\u003e, elle arbore sa teinte ambrée caractéristique et une concentration exceptionnelle en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eFormulée 100 % naturelle, sans parfum, sans conservateur. Rien que l'huile pure issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux bouclés \u0026amp; crépus\u003c\/h3\u003e\n \u003cp\u003ePensée pour sublimer les cheveux bouclés, crépus, secs ou cassants grâce à son pouvoir gainant unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eLe format 50 ml avec pipette vous permet de doser avec précision chaque application, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eUtilisée depuis des générations dans les Caraïbes et en Afrique, la version « carapate » se distingue par sa richesse en acide ricinoléique (environ 85 %), un acide gras rare aux propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Stimulation de la pousse\u003c\/h3\u003e\n \u003cp\u003eEn améliorant la microcirculation du cuir chevelu, l'acide ricinoléique favorise la croissance naturelle et renforce les bulbes capillaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💪 Effet gainant et fortifiant\u003c\/h3\u003e\n \u003cp\u003eL'huile enrobe chaque mèche d'un film protecteur qui épaissit la fibre, réduit la casse et limite les fourches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses oméga-6, oméga-9 et ses antioxydants naturels, elle redonne souplesse, brillance et douceur aux cheveux déshydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu assaini\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antibactériennes et antifongiques aident à calmer les irritations, réduire les pellicules et maintenir un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur cheveux bouclés ou crépus ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003ePour profiter pleinement des bienfaits de cette huile de ricin pour les cheveux, voici nos conseils d'application :\u003c\/p\u003e\n \u003cdiv class=\"cp-timeline\"\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eEn bain d'huile avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez 4 à 6 gouttes sur le cuir chevelu et les longueurs. Massez, laissez poser 30 minutes à une nuit sous un bonnet, puis lavez avec un shampoing doux. À réaliser 1 à 2 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eEn soin scellant sur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAprès votre leave-in, 2 à 3 gouttes sur les pointes et longueurs suffisent pour sceller l'hydratation et protéger vos boucles toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eSourcils, cils et barbe\u003c\/h3\u003e\n \u003cp\u003eUne goutte appliquée au doigt ou au coton-tige, matin ou soir, pour densifier et nourrir naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eOngles fragiles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle quotidiennement pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-tip\"\u003e\n \u003cspan class=\"cp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de carapate étant épaisse, mélangez-la à une huile plus légère comme le jojoba ou l'argan pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cp-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🧪 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil\u003c\/em\u003e — Huile de carapate 100 % pure. Aucun additif, aucun parfum, aucun conservateur ajouté. Issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"cp-accordion\"\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur, bouchon bien fermé. Agitez avant chaque emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eUn test d'allergie au pli du coude est conseillé 24 heures avant la première utilisation. Ce produit cosmétique ne remplace 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!-- H2 #6 --\u003e\n \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de Carapate Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🔥 Fabrication traditionnelle\u003c\/h3\u003e\n \u003cp\u003eContrairement à une huile de ricin classique — souvent raffinée et appauvrie —, la carapate conserve l'intégralité de ses nutriments grâce à son mode de fabrication artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🖤 Non raffinée, plus concentrée\u003c\/h3\u003e\n \u003cp\u003eSa couleur sombre témoigne d'une huile non raffinée, plus riche en actifs et en antioxydants que les versions industrielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eUn soin authentique, ancré dans un savoir-faire caribéen ancestral, qui révèle tout son potentiel sur les textures bouclées et crépues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un rituel naturel qui nourrit, protège et fortifie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cp-cream: #faf6f1;\n --cp-white: #ffffff;\n --cp-primary: #8b2d4e;\n --cp-primary-dark: #5e1a33;\n --cp-primary-light: #f5e8ed;\n --cp-secondary: #c47a2a;\n --cp-accent: #d4943a;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e8ddd4;\n --cp-shadow: 0 4px 24px rgba(94, 26, 51, .07);\n --cp-shadow-lg: 0 12px 48px rgba(94, 26, 51, .13);\n --cp-radius: 20px;\n --cp-radius-sm: 12px;\n}\n\n.cp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cp-hero {\n position: relative;\n background: linear-gradient(135deg, #5e1a33 0%, #8b2d4e 40%, #c47a2a 100%);\n border-radius: var(--cp-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(--cp-shadow-lg);\n}\n\n.cp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n opacity: 1;\n}\n\n.cp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cp-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.cp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cp-description {\n color: rgba(255,255,255,.8);\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.cp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cp-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(--cp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cp-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.cp-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(--cp-primary), var(--cp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-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.cp-card {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cp-shadow-lg);\n border-color: var(--cp-primary);\n}\n\n.cp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cp-grid-compact .cp-card {\n padding: 1rem;\n}\n\n.cp-grid-compact .cp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cp-grid-compact .cp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cp-primary), var(--cp-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.cp-timeline-content {\n flex: 1;\n background: var(--cp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cp-radius-sm);\n box-shadow: var(--cp-shadow);\n}\n\n.cp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cp-timeline-content p {\n font-size: 14px;\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cp-primary-light);\n border-radius: var(--cp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cp-tip p {\n font-size: 14px;\n color: var(--cp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cp-testimonial {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cp-shadow);\n border-left: 4px solid var(--cp-primary);\n}\n\n.cp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cp-accordion {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n box-shadow: var(--cp-shadow);\n overflow: hidden;\n}\n\n.cp-accordion-item {\n border-bottom: 1px solid var(--cp-border);\n margin: 0;\n padding: 0;\n}\n\n.cp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cp-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.cp-accordion-header:hover {\n background: var(--cp-primary-light);\n}\n\n.cp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cp-primary);\n transition: transform .2s ease;\n}\n\n.cp-accordion-item[open] .cp-accordion-header::after {\n content: '−';\n}\n\n.cp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.cp-cta-box {\n background: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);\n border-radius: var(--cp-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.cp-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 .cp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cp-card {\n padding: 1.125rem;\n }\n\n .cp-section {\n margin-bottom: 1.75rem;\n }\n\n .cp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cp-radius-sm);\n }\n\n .cp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cp-grid-compact {\n gap: .625rem;\n }\n\n .cp-grid-compact .cp-card {\n padding: .75rem;\n }\n\n .cp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cp-timeline-content p {\n font-size: 13px;\n }\n\n .cp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cp-testimonial {\n padding: 1.25rem;\n }\n\n .cp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cp-card {\n animation: cpFadeInUp .5s ease backwards;\n }\n .cp-card:nth-child(1) { animation-delay: .05s; }\n .cp-card:nth-child(2) { animation-delay: .1s; }\n .cp-card:nth-child(3) { animation-delay: .15s; }\n .cp-card:nth-child(4) { animation-delay: .2s; }\n .cp-card:nth-child(5) { animation-delay: .25s; }\n .cp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830904607097,"sku":"CARAPATECOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-carapate-bio-ricin-noir-50ml-gainante-fortifiante-c-packshothd_d3a6c327-7d62-4e78-9537-48a92caa6ae8.webp?v=1788538478"},{"product_id":"huile-jojoba-regule-sebum-50ml","title":"Huile de Jojoba - Régule le sébum - 50 ml - Comptoir des Huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Jojoba - Comptoir des Huiles\nPalette détectée:\n - Primaire: #2E7D6F (vert teal du bandeau \"Comptoir des Huiles\" sur l'étiquette)\n - Secondaire: #C4883A (ambre doré du flacon en verre et de l'huile)\n - Accent: #D4A852 (doré lumineux de l'huile au compte-gouttes)\nAmbiance: Naturel, épuré, cosmétique bio, élégant et authentique. Univers végétal avec des tonalités terre\/nature. Étiquette crème avec motifs botaniques. Flacon ambré en verre = pharmacopée naturelle premium.\nPréfixe CSS: jj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bienfaits principaux :\"\n 2. \"Conseils d'utilisation :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🧴 Sébo-régulatrice\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e✨ Visage · Corps · Cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile de Jojoba\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eComptoir des Huiles · 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eUn soin naturel polyvalent dont la composition, proche du sébum humain, équilibre les peaux mixtes à grasses tout en maintenant une hydratation optimale — sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Bienfaits principaux --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eBienfaits principaux :\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn mimant le sébum naturel, l'huile de jojoba aide à équilibrer les peaux grasses ou sujettes à l'acné. Elle régule la production de sébum pour un teint matifié et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratation et protection\u003c\/h3\u003e\n \u003cp\u003eForme une barrière protectrice qui préserve l'hydratation naturelle de la peau tout en pénétrant facilement, sans laisser de film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et fortifie les cheveux, leur redonnant brillance et souplesse, tout en aidant à réduire les pellicules durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, en massant délicatement jusqu'à absorption complète. Peut être utilisée en crème de jour ou de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez l'huile après la douche sur l'ensemble du corps pour nourrir et adoucir la peau. Elle pénètre rapidement sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e✨ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing : appliquez sur le cuir chevelu et les longueurs, laissez poser 30 minutes, puis lavez avec un shampooing doux. En soin quotidien, utilisez quelques gouttes sur les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e Mélangez 2-3 gouttes à votre fond de teint pour un fini lumineux et naturel tout en protégeant votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FINALE : CTA --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez l'huile de jojoba de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e dans votre routine beauté pour profiter de ses multiples bienfaits naturels. Une solution idéale pour équilibrer votre peau, hydrater votre corps et revitaliser vos cheveux, tout en adoptant une démarche écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --jj-cream: #faf8f4;\n --jj-white: #ffffff;\n --jj-primary: #2E7D6F;\n --jj-primary-dark: #1b5c51;\n --jj-primary-light: #e8f4f1;\n --jj-secondary: #C4883A;\n --jj-accent: #D4A852;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e0ddd7;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5c51 0%, #2E7D6F 40%, #3a9484 70%, #C4883A 100%);\n border-radius: var(--jj-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(--jj-shadow-lg);\n}\n\n.jj-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(212,168,82,.12) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-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(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.jj-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.jj-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.jj-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\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-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.jj-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(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-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.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -30%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(212,168,82,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.jj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-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 .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-tip {\n padding: .875rem 1rem;\n }\n\n .jj-tip-icon {\n font-size: 20px;\n }\n\n .jj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n\n .jj-timeline-item {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes jjFadeInUp {\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 .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830957003129,"sku":"HUILEJOJOBACOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-regule-le-sebum-50-ml-comptoir-des-huiles-lifestyle.webp?v=1771412811"},{"product_id":"huile-avocat-bio-saint-hilaire-50ml","title":"Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/avocat de l'étiquette)\n - Secondaire: #8B5E3C (brun ambré du flacon en verre)\n - Accent: #C5D45A (vert-jaune chartreuse de la bande étiquette)\nAmbiance: Naturel\/bio, botanique, authentique, artisanal français (Auvergne), soin cosmétique végétal\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\"\n 3. \"Bienfaits de l'huile végétale d'avocat bio pour la peau\"\n 4. \"Bienfaits de l'huile d'avocat bio pour les cheveux\"\n 5. \"Comment utiliser l'huile d'avocat bio au quotidien ?\"\n 6. \"Quels types de peau et de cheveux sont concernés ?\"\n 7. \"La Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile végétale d'avocat bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🫒 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile végétale d'avocat bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eNutrition intense pour la peau et les cheveux. 100 % pure, vierge, extraite de la pulpe d'avocats bio par première pression à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une huile végétale d'avocat de qualité, capable de nourrir en profondeur une peau assoiffée ou de redonner vie à des cheveux fatigués ?\u003c\/p\u003e\n \u003cdiv class=\"av-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid de la pulpe\u003c\/strong\u003e d'avocats issus de l'agriculture biologique (\u003cem\u003ePersea gratissima\u003c\/em\u003e), elle conserve l'intégralité de ses acides gras, vitamines et antioxydants — sans aucun raffinage, sans additif, sans compromis.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un élégant \u003cstrong\u003eflacon en verre de 50 ml\u003c\/strong\u003e équipé d'un spray pratique, cette huile végétale bio est pensée pour s'intégrer facilement à votre routine beauté quotidienne, que ce soit en soin visage, corps ou capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile bio d'avocat se distingue des autres huiles végétales par un profil lipidique exceptionnellement riche et équilibré. Sa composition en fait un véritable concentré de bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 à 70 %\u003c\/strong\u003e — acide gras mono-insaturé principal. Pénètre facilement l'épiderme pour nourrir les couches profondes, renforce le film hydrolipidique et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Acide palmitoléique (oméga-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 %\u003c\/strong\u003e — rare dans le monde végétal, naturellement présent dans le sébum humain. Contribue à la régénération des peaux matures ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 15 %\u003c\/strong\u003e — essentiel au maintien de la barrière cutanée. Aide à prévenir la déshydratation et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 20 %\u003c\/strong\u003e — participe à l'effet protecteur et émollient de l'huile, renforçant la couche lipidique naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Vitamines A, D, E et K\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E agit comme un puissant antioxydant. La vitamine A soutient le renouvellement cellulaire. La vitamine K contribue à atténuer cernes et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Phytostérols et caroténoïdes\u003c\/h3\u003e\n \u003cp\u003eComposés bioactifs qui renforcent les propriétés réparatrices et anti-âge de l'huile pour une peau visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Persea Gratissima Oil* — \u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie pressée :\u003c\/strong\u003e pulpe du fruit. C'est cette extraction à partir de la chair (et non du noyau) qui confère à l'huile sa couleur verte caractéristique et sa richesse exceptionnelle en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile végétale d'avocat bio pour la peau\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLes bienfaits de l'huile végétale d'avocat sur la peau sont multiples et particulièrement appréciés des peaux sèches, matures ou fragilisées. Tous les types de peau peuvent y trouver leur compte.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense des peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eSi votre peau tiraille, pèle ou manque cruellement de confort, l'huile d'avocat est l'une des huiles végétales les plus nourrissantes. Sa texture riche mais non grasse pénètre remarquablement bien sans laisser de film collant. Elle restaure le film hydrolipidique et aide la peau à retenir son hydratation naturelle. Vous sentirez la différence dès les premières applications : une peau plus douce, plus souple, véritablement apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en \u003cstrong\u003evitamine E, en phytostérols et en acide palmitoléique\u003c\/strong\u003e, cette huile contribue à préserver l'élasticité de la peau et à atténuer les signes visibles du vieillissement. Elle soutient le renouvellement cellulaire et aide à maintenir une peau d'apparence ferme et lumineuse. Un soin anti-âge naturel précieux, en complément de votre crème habituelle ou utilisée seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Réparation des peaux abîmées et fragilisées\u003c\/h3\u003e\n \u003cp\u003ePeaux irritées par le froid, le vent, le soleil ou des soins trop agressifs ? L'huile d'avocat bio agit comme un véritable baume réparateur. Elle calme les inconforts, aide à restaurer la barrière cutanée endommagée et protège la peau des agressions extérieures. Excellent soin pour les coudes, genoux, talons et mains gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Alliée des peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eNaturellement bien tolérée, cette huile végétale convient aux peaux les plus délicates. Son profil en acides gras proches de ceux du sébum humain lui confère une excellente affinité avec la peau, minimisant les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'avocat bio pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez les cheveux secs, cassants, ternes ou crépus, l'huile végétale d'avocat pourrait bien devenir votre meilleure alliée capillaire.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💪 Nutrition profonde de la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses huiles qui restent en surface, l'huile d'avocat possède une capacité remarquable à pénétrer la fibre du cheveu. Elle nourrit de l'intérieur, redonnant souplesse, brillance et résistance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la structure du cheveu, elle réduit significativement la casse et les pointes fourchues. Particulièrement recommandée si vos cheveux sont abîmés par les colorations, le lissage ou les appareils chauffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage sur le cuir chevelu, elle nourrit la peau et favorise un environnement sain pour la pousse. D'un grand secours en cas de cuir chevelu sec ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Discipline des cheveux frisés et crépus\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs et les pointes suffisent à dompter les frisottis et à définir les boucles, tout en apportant un toucher soyeux et une brillance 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=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'avocat bio au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLa polyvalence de cette huile végétale est l'un de ses plus grands atouts. Voici des conseils d'utilisation concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, appliquez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e sur le visage et le cou. Massez doucement en mouvements circulaires ascendants. Utilisez-la seule ou mélangée à votre crème de nuit. Le matin, une ou deux gouttes sur les zones sèches suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement une micro-goutte sous chaque œil, du coin interne vers le coin externe. Sa teneur en vitamine K en fait un soin intéressant pour la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur une peau encore légèrement humide, appliquez généreusement sur les zones sèches (jambes, bras, mains, pieds). L'eau résiduelle facilite l'absorption et renforce l'effet hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 1 à 2 heures\u003c\/strong\u003e (ou toute une nuit). Procédez ensuite à votre shampooing — deux lavages peuvent être nécessaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn sérum sans rinçage pour les pointes\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs ou humides, frottez une à deux gouttes entre vos paumes et lissez-les sur les pointes. Cela protège les cheveux de la sécheresse sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn base pour vos mélanges cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer des huiles essentielles ou créer vos propres sérums. Se marie parfaitement avec l'huile essentielle de \u003cstrong\u003elavande\u003c\/strong\u003e (apaisante), d'\u003cstrong\u003eylang-ylang\u003c\/strong\u003e (cheveux) ou de \u003cstrong\u003egéranium rosat\u003c\/strong\u003e (anti-âge).\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=\"av-section\"\u003e\n \u003ch2\u003eQuels types de peau et de cheveux sont concernés ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003ePour vous aider à savoir si cette huile bio d'avocat est faite pour vous, voici un récapitulatif :\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eTerrain de prédilection. Effet nourrissant immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSoin anti-âge naturel grâce aux antioxydants et au soutien de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou irritées\u003c\/h3\u003e\n \u003cp\u003eApaisante et protectrice, elle restaure le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat et donne un aspect plus lumineux au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs, cassants ou abîmés\u003c\/h3\u003e\n \u003cp\u003eNutrition et réparation en profondeur de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eDiscipline, définition des boucles et brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu sec\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit sans agresser le cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e si vous avez la peau grasse ou à tendance acnéique, l'huile d'avocat peut s'avérer un peu trop riche en application quotidienne sur le visage. Privilégiez une utilisation ponctuelle ou localisée sur les zones sèches uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eCette huile végétale est produite par la Distillerie Saint-Hilaire, une maison installée au cœur de l'Auvergne, reconnue pour son engagement envers la qualité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique certifiée\u003c\/h3\u003e\n \u003cp\u003eLes avocats utilisés sont issus de cultures biologiques, sans pesticides ni engrais chimiques de synthèse. Un engagement fort pour la nature et votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eCette méthode d'extraction douce, sans chaleur excessive, préserve l'intégralité des nutriments et des propriétés actives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure et vierge\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucune dilution. Un produit brut et authentique, dans toute sa richesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eLe conditionnement en verre ambré protège l'huile de la lumière qui dégrade les vitamines, tout en s'inscrivant dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez toute application sur les enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Allergies et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à l'avocat ou au latex (allergie croisée possible), effectuez un test cutané dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière directe\u003c\/strong\u003e pour préserver toutes les propriétés de l'huile. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue en aucun cas un traitement médical et ne saurait se substituer à l'avis d'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!-- H2 #9 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile végétale d'avocat bio\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat bio est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'avocat possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles modérément comédogènes. Pour la plupart des types de peau, elle ne pose aucun problème. Toutefois, si vous avez la peau très grasse ou sujette aux imperfections, privilégiez une utilisation avec parcimonie sur le visage ou réservez-la aux soins capillaires et corporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on utiliser l'huile d'avocat autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. Sa richesse en vitamines et sa texture qui pénètre bien en font un soin adapté à cette zone fragile. Veillez simplement à ne pas en appliquer directement dans les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile végétale d'avocat pure, sans ajout d'huiles essentielles, est généralement bien tolérée pendant la grossesse. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures. En cas de doute, demandez l'avis de votre médecin ou de votre sage-femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eComment savoir si mon huile d'avocat est encore bonne ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eUne huile d'avocat bio de qualité possède une \u003cstrong\u003eodeur douce et légèrement verte\u003c\/strong\u003e, caractéristique du fruit. Si elle dégage une odeur rance ou désagréable, elle s'est oxydée et il est préférable de ne plus l'utiliser. Bien conservée, elle se garde généralement entre \u003cstrong\u003e6 et 12 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on mélanger l'huile d'avocat avec d'autres huiles végétales ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile d'avocat se marie très bien avec l'\u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e (pour équilibrer les peaux mixtes), l'\u003cstrong\u003ehuile de coco\u003c\/strong\u003e (pour un masque capillaire ultra-nourrissant) ou l'\u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e (pour renforcer l'effet anti-âge). N'hésitez pas à créer vos propres synergies selon vos besoins.\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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🥑 Offrez à votre peau et vos cheveux le meilleur de la nature avec cette huile d'avocat bio, pure et authentique, distillée avec soin au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Usage cosmétique externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #6B8E23;\n --av-primary-dark: #3d5a0f;\n --av-primary-light: #f0f4e4;\n --av-secondary: #8B5E3C;\n --av-accent: #C5D45A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0e0e0;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a0f 0%, #6B8E23 40%, #8B5E3C 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(197,212,90,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,94,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.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.av-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.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.av-highlight-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.av-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-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(107,142,35,.3);\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-highlight-box {\n padding: 1.25rem;\n }\n\n .av-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n .av-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54861991182713,"sku":"NBAIDSH0024","price":6.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVavocat_1_-min.jpg?v=1736419851"},{"product_id":"huile-vegetale-abricot-bio-50ml","title":"Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé profond du logo\/étiquette Saint-Hilaire)\n - Secondaire: #E8A87C (pêche\/abricot doux de la bande étiquette)\n - Accent: #D4874D (ambre doré de l'huile\/flacon)\n - Background: #FDF5EE (beige rosé très clair, rappel du fond photo)\nAmbiance: Naturel, bio, artisanal, cosmétique premium, douceur, Auvergne, authenticité\nPréfixe CSS: ab\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\"\n 2. \"Les bienfaits de l'huile d'abricot pour le visage et le corps\"\n 3. \"Comment utiliser l'huile noyau d'abricot au quotidien ?\"\n 4. \"Composition\"\n 5. \"Qualité et engagement Saint-Hilaire\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eSaint-Hilaire — Flacon 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eL'éclat naturel d'une huile précieuse, pressée à froid à partir des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e. Riche en bêta-carotène et en vitamines A \u0026amp; E pour une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile végétale d'abricot capable de redonner vie à votre teint tout en nourrissant votre peau en profondeur ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eL'huile végétale de noyau d'abricot bio de la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e, elle conserve toute la richesse de ses actifs naturels : \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCertifiée \u003cstrong\u003ebiologique\u003c\/strong\u003e, cette huile est présentée dans un flacon en verre ambré de 50 ml muni d'une pompe doseuse, pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile polyvalente à la texture sèche qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en bêta-carotène, elle ravive les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver un éclat lumineux, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique (oméga 9) et en acide linoléique (oméga 6), elle renforce le film hydrolipidique cutané. La peau reste souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E agissent en synergie pour aider à réduire l'apparence des rides et ridules. La peau retrouve progressivement fermeté et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🤍 Convient à toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eSa légèreté la rend aussi confortable sur les peaux mixtes que sur les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, réduit les frisottis et redonne brillance aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile remarquablement facile à intégrer à votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur une peau propre et légèrement humide. Massez doucement du centre du visage vers l'extérieur. Vous pouvez l'utiliser seule ou la mélanger à votre crème habituelle pour enrichir son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn huile démaquillante\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette dans le creux de vos mains, massez l'ensemble du visage, puis rincez à l'eau tiède ou retirez avec un coton humide. Elle dissout efficacement le maquillage, même waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn massage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure ou associée à quelques gouttes d'huile essentielle de votre choix pour un massage relaxant et hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs, laissez poser 30 minutes à une nuit sous une serviette, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur peau légèrement humide, l'huile pénètre encore plus vite et laisse un fini soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePrunus Armeniaca Kernel Oil*\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eAmandon du noyau d'abricot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQualité et engagement Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"ab-testimonial\"\u003e\n \u003cp class=\"ab-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée en Auvergne, cultive un savoir-faire artisanal depuis plusieurs décennies. Cette huile d'abricot bio est extraite à froid pour préserver l'intégralité de ses nutriments. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pompe doseuse évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection anti-oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertification biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eArtisanat depuis des décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage \u003cstrong\u003eexterne uniquement\u003c\/strong\u003e. Conservez le flacon bien fermé, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux fruits à coque, réalisez un test cutané dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas 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=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel de l'abricot bio d'Auvergne.\u003cbr\u003eUne huile précieuse, un geste simple, une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-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\/* === VARIABLES CSS === *\/\n:root {\n --ab-cream: #FDF5EE;\n --ab-white: #ffffff;\n --ab-primary: #2D4A3E;\n --ab-primary-dark: #1E352B;\n --ab-primary-light: #E8F0EC;\n --ab-secondary: #E8A87C;\n --ab-accent: #D4874D;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e8ddd4;\n --ab-shadow: 0 4px 24px rgba(45,74,62,.08);\n --ab-shadow-lg: 0 12px 48px rgba(45,74,62,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A3E 0%, #3A6354 40%, #D4874D 100%);\n border-radius: var(--ab-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(--ab-shadow-lg);\n}\n\n.ab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,168,124,.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(212,135,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ab-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.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-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.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-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(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-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.ab-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(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n}\n\n.ab-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-secondary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-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.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-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.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-accent) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,168,124,.2) 0%, transparent 50%);\n}\n\n.ab-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-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 .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\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 .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862241825145,"sku":"NBAIDSH0016","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-saint-hilaire-50-ml-ingredients.webp?v=1771577056"},{"product_id":"huile-jojoba-bio-saint-hilaire-50ml","title":"Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B5E3C (brun ambré du flacon en verre)\n - Secondaire: #E8B5A0 (rose poudré\/saumon de la bande sur l'étiquette)\n - Accent: #5A7A3A (vert des feuilles\/végétal naturel)\n - Fond: #FAF6F2 (crème chaud très doux)\nAmbiance: Naturel\/bio, artisanal français, doux \u0026 féminin, authentique, apothicaire moderne\nPréfixe CSS: jjb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\"\n 2. \"Pourquoi l'huile de jojoba est-elle si particulière ?\"\n 3. \"Les bienfaits de l'huile de jojoba bio pour le visage\"\n 4. \"L'huile de jojoba pour les cheveux : un soin complet\"\n 5. \"Comment utiliser l'huile de jojoba au quotidien ?\"\n 6. \"Composition\"\n 7. \"Pourquoi choisir l'huile de jojoba Saint-Hilaire ?\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile de jojoba bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jjb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jjb-hero\"\u003e\n \u003cdiv class=\"jjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-hero-content\"\u003e\n \u003cdiv class=\"jjb-badges-top\"\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🇫🇷 Fabriquée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌰 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jjb-hero-title\"\u003eHuile végétale de jojoba bio\u003c\/span\u003e\n \u003cp class=\"jjb-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"jjb-description\"\u003eUne cire liquide d'exception, proche du sébum naturel de votre peau. Soin polyvalent visage, cheveux et corps — 100 % pur, un seul ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eHuile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eVous cherchez une huile végétale polyvalente, naturelle et vraiment efficace ?\u003c\/p\u003e\n \u003cdiv class=\"jjb-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile : c'est une \u003cstrong\u003ecire liquide\u003c\/strong\u003e d'exception, obtenue par première pression à froid des graines de \u003cem\u003eSimmondsia chinensis\u003c\/em\u003e. Certifiée biologique et fabriquée en Auvergne, elle se distingue par sa composition remarquablement proche du sébum naturel de votre peau.\u003c\/p\u003e\n \u003cp\u003eRésultat : elle pénètre en un éclair, ne laisse aucun film gras et convient véritablement à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles et les plus grasses.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez utiliser l'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e, en soin capillaire ou comme base de massage, ce flacon de 50 ml avec pompe doseuse vous accompagnera au quotidien dans une routine beauté simple, efficace et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est-elle si particulière ?\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eContrairement à la plupart des huiles végétales, l'huile de jojoba n'est pas un triglycéride mais une \u003cstrong\u003ecire liquide esters\u003c\/strong\u003e. Cette particularité lui confère des propriétés uniques.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🤝 Affinité exceptionnelle avec la peau\u003c\/h3\u003e\n \u003cp\u003eSa structure moléculaire est quasi identique au sébum humain. Votre peau la reconnaît et l'absorbe instantanément, sans sensation grasse ni pores obstrués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Stabilité remarquable\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en antioxydants (vitamine E), elle ne rancit quasiment pas et se conserve très longtemps — un investissement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧬 Richesse en acides gras\u003c\/h3\u003e\n \u003cp\u003eAcide gadoléique (65-80 %), acide érucique et acide oléique : ils nourrissent, protègent et assouplissent la peau et les cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour le visage\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eAppliquer de l'\u003cstrong\u003ehuile de jojoba sur le visage\u003c\/strong\u003e est l'un des gestes les plus simples et les plus bénéfiques que vous puissiez adopter.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn « mimant » le sébum, elle envoie un signal à votre peau pour qu'elle réduise sa propre production de gras. Les peaux mixtes à grasses retrouvent un équilibre naturel, les brillances s'atténuent visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💧 Hydratation sans excès\u003c\/h3\u003e\n \u003cp\u003eElle forme un film protecteur imperceptible qui empêche la déshydratation tout en laissant la peau respirer. Les peaux sèches et déshydratées retrouvent confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eEn cas de rougeurs, tiraillements ou irritations, l'huile de jojoba calme la peau grâce à ses propriétés adoucissantes. Particulièrement appréciée des peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e✨ Prévention du vieillissement\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamine E et en antioxydants aide à lutter contre les radicaux libres responsables du vieillissement prématuré. Le teint apparaît plus lumineux, plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🎯 Soin anti-imperfections\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, elle n'obstrue pas les pores. Elle convient aux peaux à tendance acnéique et aide à apaiser les petites inflammations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour les cheveux : un soin complet\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba pour cheveux\u003c\/strong\u003e est un véritable allié capillaire, quel que soit votre type de chevelure.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💆 Nutrition des cheveux secs et cassants\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, la nourrit en profondeur et lui redonne éclat et souplesse. Fini les pointes fourchues et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes massées avant le shampooing aident à rééquilibrer la production de sébum du cuir chevelu, tout comme elle le fait sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eVent, froid, chaleur du sèche-cheveux, exposition au soleil… L'huile de jojoba forme un duo protecteur qui limite la casse et la déshydratation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage sur les pointes, elle assouplit la fibre et rend les cheveux plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-timeline\"\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, sur peau propre et légèrement humide, appliquez \u003cstrong\u003e2 à 3 pressions de pompe\u003c\/strong\u003e dans le creux de votre main. Chauffez l'huile entre vos paumes, puis massez délicatement votre visage par mouvements circulaires en remontant vers les tempes. L'huile pénètre en quelques secondes. Utilisez-la seule ou avant votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eLe soir, massez généreusement l'huile sur l'ensemble du visage, y compris les yeux (paupières fermées). Elle dissout efficacement le maquillage — même waterproof — tout en respectant l'équilibre de votre peau. Rincez à l'eau tiède ou retirez l'excédent avec un coton réutilisable humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité généreuse sur les longueurs et les pointes sèches. Enveloppez vos cheveux dans une serviette chaude et laissez poser \u003cstrong\u003e30 minutes à 1 heure\u003c\/strong\u003e avant votre shampooing. Renouvelez une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn huile de massage ou base pour huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et sa pénétration rapide en font une excellente huile de massage pour le corps. Elle constitue également une \u003cstrong\u003ebase idéale pour diluer vos huiles essentielles\u003c\/strong\u003e, puisqu'elle est neutre en odeur et très bien tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin des ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir. Les ongles cassants retrouvent force et les cuticules sont nourries et assouplies.\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=\"jjb-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"jjb-composition-box\"\u003e\n \u003cdiv class=\"jjb-composition-inci\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique (INCI) :\u003c\/strong\u003e \u003cem\u003eSimmondsia Chinensis Seed Oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-grid-compact\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de jojoba Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🏔️ Production française artisanale\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire reconnu dans la distillation et le pressage d'huiles végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCe procédé préserve l'intégralité des actifs naturels (vitamines, acides gras, antioxydants). Aucun solvant chimique, aucun raffinage agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eLe verre protège l'huile de la lumière et de l'oxydation, tandis que la pompe garantit un dosage précis et hygiénique, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, aucun additif, aucun parfum ajouté, aucun conservateur. La garantie d'un soin brut, authentique et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez tout contact direct avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003cp\u003eBien que l'huile de jojoba soit très bien tolérée, il est toujours recommandé de réaliser un \u003cstrong\u003etest cutané dans le pli du coude\u003c\/strong\u003e 24 heures avant la première utilisation, surtout si vous avez une peau très réactive ou des allergies connues.\u003c\/p\u003e\n \u003cp\u003eConvient à toute la famille, y compris aux enfants. En cas de doute ou de terrain allergique particulier, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon dans un endroit frais et sec, à l'abri de la lumière directe et des sources de chaleur. Grâce à sa stabilité naturelle, l'huile de jojoba se conserve facilement \u003cstrong\u003e12 à 18 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème dermatologique persistant, consultez votre médecin ou votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de jojoba bio\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses utilisations les plus pertinentes. L'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e régule naturellement la production de sébum. Les peaux grasses et mixtes la tolèrent parfaitement car elle n'obstrue pas les pores et n'alourdit pas la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on utiliser l'huile de jojoba sur les cheveux tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eTout dépend de l'usage. En soin des pointes, vous pouvez appliquer une petite quantité d'\u003cstrong\u003ehuile de jojoba sur les cheveux\u003c\/strong\u003e quotidiennement sans les alourdir. Pour un masque capillaire en profondeur, une à deux fois par semaine suffit amplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. L'huile de jojoba possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles peu comédogènes. Elle est généralement bien tolérée par les peaux sujettes aux imperfections, précisément parce qu'elle aide à réguler le sébum plutôt qu'à surcharger la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de jojoba pure, sans ajout d'huile essentielle, est considérée comme sûre pendant la grossesse et l'allaitement. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures et hydrater la peau qui tiraille. En cas de doute, consultez votre sage-femme ou votre médecin.\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=\"jjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jjb-cta-box\"\u003e\n \u003cp\u003e🌿 Une huile, mille usages : visage, cheveux, corps, ongles, massage. Offrez à votre peau le soin le plus naturel qui soit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jjb-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. 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 --jjb-cream: #FAF6F2;\n --jjb-white: #ffffff;\n --jjb-primary: #8B5E3C;\n --jjb-primary-dark: #5C3A22;\n --jjb-primary-light: #F5EDE6;\n --jjb-secondary: #E8B5A0;\n --jjb-accent: #5A7A3A;\n --jjb-text: #1a1a1a;\n --jjb-text-light: #5a5a5a;\n --jjb-border: #e8ddd4;\n --jjb-shadow: 0 4px 24px rgba(92,58,34,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(92,58,34,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4906C 75%, #E8B5A0 100%);\n border-radius: var(--jjb-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(--jjb-shadow-lg);\n}\n\n.jjb-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.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-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(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-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.jjb-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 text-transform: uppercase;\n}\n\n.jjb-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.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-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.jjb-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(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-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.jjb-highlight-box {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-secondary);\n}\n\n.jjb-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.jjb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.jjb-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.jjb-composition-inci {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n text-align: center;\n border: 2px dashed var(--jjb-secondary);\n}\n\n.jjb-composition-inci p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.jjb-composition-inci p:last-child {\n margin-bottom: 0;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--jjb-text-light);\n}\n\n\/* === TIMELINE === *\/\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-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.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-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.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.jjb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,181,160,.15) 0%, transparent 60%);\n}\n\n.jjb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jjb-disclaimer {\n font-size: 12px;\n color: var(--jjb-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 .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jjb-card {\n padding: 1.125rem;\n }\n\n .jjb-section {\n margin-bottom: 1.75rem;\n }\n\n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n\n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jjb-grid-compact {\n gap: .625rem;\n }\n\n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n\n .jjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jjb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n\n .jjb-timeline-content p {\n font-size: 13px;\n }\n\n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jjb-highlight-box {\n padding: 1.25rem;\n }\n\n .jjb-highlight-box p {\n font-size: 14px;\n }\n\n .jjb-composition-inci {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n\n .jjb-timeline-item {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jjb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jjb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .jjb-timeline-item:nth-child(4) { animation-delay: .2s; }\n .jjb-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes jjbFadeInUp {\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 .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54863397716345,"sku":"NBAIDSH0008","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"},{"product_id":"huile-ricin-bio-saint-hilaire-200ml","title":"Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml","description":"\u003cdiv class=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile végétale de ricin bio\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 200 ml\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003eL'huile de ricin pure et vierge, issue de l'agriculture biologique et équitable, pour fortifier vos cheveux, nourrir votre peau et renforcer vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eL'huile de ricin bio : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e vraiment efficace, pure et obtenue dans le respect de l'environnement ? L'huile végétale de ricin de la Distillerie Saint-Hilaire, en format généreux de 200 ml, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"rc-section-intro\"\u003ePressée à froid à partir de graines de \u003cem\u003eRicinus communis\u003c\/em\u003e issues de l'agriculture biologique et équitable, elle préserve l'intégralité de ses actifs naturels pour vous offrir un soin polyvalent d'une qualité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid-compact\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n \u003cp\u003eStimule la pousse et renforce la fibre capillaire de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Peau nourrie\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et durable pour les peaux sèches ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eRéduit la casse et favorise la pousse d'ongles plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Barbe soignée\u003c\/h3\u003e\n \u003cp\u003eAdoucit, nourrit et donne de la densité à votre barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en cosmétique naturelle ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eUtilisée depuis des millénaires, l'huile de ricin doit ses vertus exceptionnelles à sa \u003cstrong\u003erichesse en acide ricinoléique\u003c\/strong\u003e (85 à 90 % de sa composition), un acide gras rare que l'on ne retrouve dans quasiment aucune autre huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Action fortifiante\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, les ongles et les cils de l'intérieur pour une résistance accrue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💧 Pouvoir nourrissant intense\u003c\/h3\u003e\n \u003cp\u003ePénètre les couches superficielles de la peau et du cheveu pour une hydratation profonde et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés protectrices\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique naturel qui protège contre le froid, la pollution et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e✨ Effet gainant\u003c\/h3\u003e\n \u003cp\u003eEnrobe le cheveu pour lui donner plus de densité, de brillance et de souplesse sans alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociée à la \u003cstrong\u003evitamine E\u003c\/strong\u003e naturellement présente dans l'huile, ces propriétés font de l'huile de ricin bio un soin complet, efficace et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eHuile de ricin et cheveux : un duo incontournable\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eSi l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e jouit d'une telle réputation, ce n'est pas un hasard. C'est l'une des huiles végétales les plus efficaces pour répondre à de nombreuses problématiques capillaires.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquée régulièrement en massage sur le cuir chevelu, l'huile de ricin favorise la microcirculation sanguine au niveau des follicules pileux. Ce geste simple, réalisé du bout des doigts pendant quelques minutes, crée un environnement propice à la croissance capillaire. Beaucoup constatent des cheveux plus vigoureux après quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🔧 Nourrir et réparer les cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eCheveux ternes, fourchus ou fragilisés par les colorations, le lissage ou le soleil ? En masque avant-shampoing, l'acide ricinoléique comble les micro-fissures de la fibre capillaire et restaure la gaine protectrice naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌟 Donner volume et brillance\u003c\/h3\u003e\n \u003cp\u003eL'effet gainant de l'huile de ricin sur cheveux fins est particulièrement intéressant : en enrobant chaque fibre, elle donne une impression de densité accrue tout en apportant une brillance naturelle, sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eAu-delà des cheveux : les multiples usages de l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Soin des ongles et des cuticules\u003c\/h3\u003e\n \u003cp\u003eVos ongles se dédoublent ou se cassent ? Massez chaque soir une goutte sur chaque ongle et ses cuticules. En quelques semaines, observez des \u003cstrong\u003eongles plus résistants\u003c\/strong\u003e et des cuticules plus souples et mieux hydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Soin des cils et des sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquée à l'aide d'une brosse à mascara propre, l'huile de ricin nourrit et fortifie vos cils et sourcils. Une alternative naturelle pour retrouver des cils plus épais et des sourcils mieux fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAllié précieux pour les \u003cstrong\u003epeaux sèches ou irritées\u003c\/strong\u003e, elle apaise les zones de sécheresse (coudes, talons, mains abîmées) et aide à améliorer l'apparence des petites cicatrices ou vergetures. Idéale aussi dans vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Entretien de la barbe\u003c\/h3\u003e\n \u003cp\u003eMessieurs, elle nourrit le poil en profondeur, adoucit la barbe, réduit les démangeaisons et hydrate la peau sous-jacente. Quelques gouttes suffisent pour une barbe plus douce, plus dense et visuellement plus fournie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eL'huile de ricin a une texture naturellement \u003cstrong\u003eépaisse et visqueuse\u003c\/strong\u003e. C'est tout à fait normal et c'est le signe d'une huile pure et non diluée. Voici nos conseils pratiques :\u003c\/p\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-bottom:1.25rem;\"\u003e\n \u003ch3\u003e🧖 En masque capillaire (méthode la plus populaire)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette d'huile de ricin dans le creux de votre main et réchauffez-la entre vos paumes pour la rendre plus fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu en massant par mouvements circulaires, puis répartissez sur les longueurs et les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eEnveloppez vos cheveux dans une serviette chaude ou un bonnet de douche et laissez poser \u003cstrong\u003eau minimum 30 minutes\u003c\/strong\u003e, idéalement toute une nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n \u003cp\u003eProcédez à deux shampoings doux pour éliminer complètement l'huile. Répétez 1 à 2 fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous trouvez la texture trop épaisse, mélangez l'huile de ricin avec une huile plus légère comme l'huile de coco, de jojoba ou d'amande douce (moitié-moitié). L'application sera plus facile et les bienfaits complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-top:1.25rem;\"\u003e\n \u003ch3\u003e🎯 En soin ciblé (ongles, cils, sourcils, peau)\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone à traiter, massez délicatement pour favoriser la pénétration, puis laissez agir sans rincer — de préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-card rc-composition-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"font-size:12px;color:var(--rc-text-light);margin-top:.5rem;\"\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌾 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de ricin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique et équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCette huile est \u003cstrong\u003e100 % pure, vierge et sans aucun additif\u003c\/strong\u003e. Aucun parfum, aucun conservateur, aucun solvant chimique n'entre dans sa composition. Un produit brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de ricin bio Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003eLes graines de ricin sont cultivées sans pesticides ni engrais chimiques de synthèse, pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUn choix éthique qui garantit une juste rémunération des producteurs et soutient des pratiques agricoles durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé mécanique, sans chaleur excessive, préserve intégralement les acides gras, la vitamine E et tous les actifs sensibles de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📦 Format 200 ml généreux\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation régulière sur plusieurs mois, que ce soit pour les cheveux, la peau ou les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire artisanal depuis plusieurs générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🌱 L'huile de ricin fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin ne possède pas de propriétés « magiques », mais son action nourrissante et stimulante sur le cuir chevelu crée des conditions favorables à la pousse. En massant régulièrement le cuir chevelu, vous favorisez la circulation sanguine et apportez des nutriments essentiels au bulbe pileux. Les résultats varient d'une personne à l'autre, mais beaucoup constatent une amélioration nette après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e💇 Peut-on l'utiliser sur tous les types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, l'huile de ricin et les cheveux de tous types font bon ménage. Cheveux crépus, frisés, bouclés, lisses, fins ou épais peuvent tous bénéficier de ses propriétés. La seule précaution : adaptez la quantité utilisée. Les cheveux fins nécessiteront moins de produit pour ne pas être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🔬 L'huile de ricin est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin a un indice de comédogénicité considéré comme faible (1 sur 5). Elle peut donc être utilisée sur le visage avec précaution, notamment en soin ciblé. Si vous avez une peau à tendance acnéique, il est recommandé de faire un test sur une petite zone avant de l'adopter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🕐 Combien de temps se conserve-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile de ricin bio à l'abri de la lumière et de la chaleur. Dans ces conditions, elle se conserve généralement entre \u003cstrong\u003e12 et 18 mois\u003c\/strong\u003e après ouverture. Fiez-vous à la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané dans le pli du coude 24 heures avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rc-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème capillaire ou cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rc-cream: #FDF8F3;\n --rc-white: #ffffff;\n --rc-primary: #C9787C;\n --rc-primary-dark: #8B3A3E;\n --rc-primary-light: #FBF0F0;\n --rc-secondary: #2D4A2D;\n --rc-accent: #D4A843;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8e0d8;\n --rc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A2D 0%, #3D6B3D 35%, #C9787C 75%, #8B3A3E 100%);\n border-radius: var(--rc-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(--rc-shadow-lg);\n}\n\n.rc-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,.05) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-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.rc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.rc-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.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-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(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.rc-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(--rc-primary), var(--rc-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rc-grid-compact .rc-card {\n padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.rc-composition-card {\n border-left: 4px solid var(--rc-secondary);\n text-align: left;\n}\n\n\/* === DISCLAIMER === *\/\n.rc-disclaimer {\n font-size: 12px;\n color: var(--rc-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 .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-grid-compact {\n gap: .625rem;\n }\n\n .rc-grid-compact .rc-card {\n padding: .75rem;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\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 .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868516766073,"sku":"NBAIDSH0023","price":13.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-ricin-bio-saint-hilaire-200ml-packshothd.webp?v=1775115262"},{"product_id":"huile-nigelle-bio-cumin-noir","title":"Huile Végétale de Nigelle (Cumin Noir) - Clarifiante 100 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Nigelle (Cumin Noir) - Clarifiante\nPalette détectée:\n - Primaire: #1E3A5F (bleu marine profond du logo et des accents)\n - Secondaire: #C4A962 (doré\/jaune de l'huile dans le flacon)\n - Accent: #7B8FB0 (bleu lavande des éléments décoratifs)\nAmbiance: Élégante et raffinée, inspirée de l'Orient avec des motifs mandala, naturelle et premium, univers cosmétique haut de gamme\nPréfixe CSS: ng\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n \n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e✨ Clarifiante\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🌙 Trésor d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eCumin noir • Pression à froid\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003eUn élixir précieux millénaire aux propriétés exceptionnelles pour révéler l'éclat de votre peau et renforcer votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisante \u0026amp; réparatrice\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, rougeurs et inflammations cutanées pour une peau apaisée et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eSes composés actifs comme la thymoquinone renforcent les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Anti-imperfections\u003c\/h3\u003e\n \u003cp\u003ePropriétés purifiantes et équilibrantes, idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels qui nourrissent et protègent la peau tout en préservant son élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les cheveux, limite leur chute et apaise le cuir chevelu irrité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌟 Antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et antioxydants pour lutter contre le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e🌿 Une pureté incomparable\u003c\/h2\u003e\n \u003cdiv class=\"ng-purity-box\"\u003e\n \u003cdiv class=\"ng-purity-content\"\u003e\n \u003cp class=\"ng-purity-text\"\u003eCertifiée \u003cstrong\u003e100% biologique\u003c\/strong\u003e, cette huile de nigelle est extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver tous ses actifs naturels. Sans additifs ni conservateurs, cultivée dans le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ng-purity-badges\"\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🌱 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🍃 Sans conservateurs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e♻️ Production éthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e💆 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-usage-grid\"\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les zones concernées et massez délicatement matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing pour nourrir et revitaliser la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e🥄 Usage interne\u003c\/h3\u003e\n \u003cp\u003eUne cuillère à café par jour pour ses propriétés bienfaisantes (avis médical recommandé).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e👤 Pour qui est fait l'huile de nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌺 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRévèle l'éclat naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e😓 Peaux fatiguées\u003c\/h3\u003e\n \u003cp\u003eRevitalise et régénère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Peaux mixtes\/grasses\u003c\/h3\u003e\n \u003cp\u003ePurifie et équilibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n \u003cp\u003eApaise et répare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eEn usage interne, demandez l'avis d'un professionnel de santé. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Faire un test cutané avant première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🏭 Engagement Arc en Sels\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eArc en Sels sélectionne avec soin les meilleures matières premières pour proposer des produits naturels et biologiques d'une qualité irréprochable. Cette huile est issue d'une production éthique et durable, respectant autant votre santé que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌙 Découvrez ce trésor d'Orient millénaire et offrez à votre peau l'éclat qu'elle mérite.\u003cbr\u003e\u003cstrong\u003eVotre éclat, notre signature.\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 --ng-cream: #FAF8F5;\n --ng-white: #ffffff;\n --ng-primary: #1E3A5F;\n --ng-primary-dark: #152A45;\n --ng-primary-light: #E8EEF4;\n --ng-secondary: #C4A962;\n --ng-accent: #7B8FB0;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0e0e0;\n --ng-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ng-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 50%, #0D1B2A 100%);\n border-radius: var(--ng-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(--ng-shadow-lg);\n}\n\n.ng-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--ng-accent) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.ng-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(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,169,98,.3);\n}\n\n.ng-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,.3);\n}\n\n.ng-subtitle {\n color: var(--ng-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ng-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-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.ng-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(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-secondary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === PURITY BOX === *\/\n.ng-purity-box {\n background: linear-gradient(135deg, var(--ng-primary-light) 0%, var(--ng-white) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--ng-secondary);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-purity-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.ng-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.ng-purity-badge {\n background: var(--ng-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--ng-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === USAGE CARDS === *\/\n.ng-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-usage-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.ng-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--ng-secondary) 0%, #D4B972 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 900;\n color: var(--ng-primary-dark);\n box-shadow: 0 4px 12px rgba(196,169,98,.4);\n}\n\n.ng-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: .75rem 0 .5rem 0;\n}\n\n.ng-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-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.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-secondary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ng-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, var(--ng-secondary) 0%, transparent 50%);\n opacity: .1;\n}\n\n.ng-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 .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ng-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .ng-card {\n padding: 1.125rem;\n }\n \n .ng-section {\n margin-bottom: 1.75rem;\n }\n \n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n \n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ng-grid-compact {\n gap: .625rem;\n }\n \n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n \n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ng-purity-box {\n padding: 1.25rem;\n }\n \n .ng-purity-badges {\n gap: .5rem;\n }\n \n .ng-purity-badge {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card, .ng-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1), .ng-usage-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2), .ng-usage-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3), .ng-usage-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-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 .ng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869209710969,"sku":"CUMINNOIRARCENSELS","price":15.61,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-nigelle-cumin-noir-clarifiante-100-ml-arc--lifestyle.webp?v=1768500555"},{"product_id":"huile-neem-bio-30ml","title":"Huile de Neem Bio - Réparatrice - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio - Arc en Sels\nPalette détectée:\n - Primaire: #4A7C34 (vert olive\/neem des éléments graphiques)\n - Secondaire: #8B6914 (ambre doré de l'huile)\n - Accent: #2D5A1E (vert foncé des feuilles)\n - Neutre: #F7F5F0 (blanc cassé du packaging)\nAmbiance: Naturel\/Bio, Ayurvédique, Éthique, Épuré avec touches orientales\nPréfixe CSS: neem\n--\u003e\n\n\u003cdiv class=\"neem-premium\"\u003e\n \n \u003cdiv class=\"neem-hero\"\u003e\n \u003cdiv class=\"neem-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"neem-hero-content\"\u003e\n \u003cdiv class=\"neem-badges-top\"\u003e\n \u003cspan class=\"neem-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e🧴 Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"neem-hero-title\"\u003eHuile de Neem Bio\u003c\/span\u003e\n \u003cp class=\"neem-subtitle\"\u003eRéparatrice \u0026amp; Purifiante\u003c\/p\u003e\n \u003cp class=\"neem-description\"\u003eTrésor millénaire de la tradition ayurvédique, cette huile précieuse prend soin de votre peau, vos cheveux et même de vos plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e✨ Peau plus nette\u003c\/h3\u003e\n \u003cp\u003ePurifiante, antibactérienne et antifongique, elle réduit les imperfections et apaise les irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit intensément et favorise la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💆 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eApaise le cuir chevelu, combat les pellicules et renforce la fibre capillaire de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌱 Protection des plantes\u003c\/h3\u003e\n \u003cp\u003eRépulsif naturel contre les insectes nuisibles, respectueux de l'écosystème de votre jardin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eSes puissants antioxydants préservent la jeunesse, l'élasticité et l'éclat de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🛡️ Action réparatrice\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux à imperfections et les marques disgracieuses, elle aide à restaurer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e💡 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes pures ou diluées sur les zones à purifier. Massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eMélangez avec une huile plus légère (jojoba, coco) et appliquez en masque avant shampoing. Laissez poser 30 min.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🌿 Pour les plantes\u003c\/h3\u003e\n \u003cp\u003eDiluez quelques gouttes dans de l'eau et vaporisez sur les feuilles pour éloigner naturellement les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid-compact\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🔬 Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🩹 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eAction purifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e😣 Cuirs chevelus irrités\u003c\/h3\u003e\n \u003cp\u003eApaise et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🪴 Jardiniers écolos\u003c\/h3\u003e\n \u003cp\u003eProtection naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"neem-accordion\"\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eConservez votre huile de Neem à l'abri de la lumière et de la chaleur, dans un endroit frais et sec. L'huile peut se solidifier en dessous de 20°C, c'est normal : il suffit de la réchauffer légèrement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Déconseillé aux femmes enceintes et allaitantes. En cas de doute, effectuez un test cutané dans le pli du coude avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🏭 Fabrication éthique\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eIssue de l'agriculture biologique certifiée, notre huile de Neem est pressée à froid pour préserver tous ses actifs. Arc en Sels s'engage dans le commerce équitable et les filières durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e📜 Note olfactive\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eL'huile de Neem possède une odeur caractéristique, terreuse et prononcée. C'est le signe d'une huile pure et non raffinée. Pour atténuer l'odeur, mélangez-la avec une huile végétale plus douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"neem-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir ancestral du Neem, utilisé depuis des millénaires dans la médecine ayurvédique. Une huile bio, pure et multifonction pour une beauté naturelle et un jardin préservé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --neem-cream: #F8F6F1;\n --neem-white: #ffffff;\n --neem-primary: #4A7C34;\n --neem-primary-dark: #2D5A1E;\n --neem-primary-light: #E8F0E4;\n --neem-secondary: #8B6914;\n --neem-accent: #C4A035;\n --neem-text: #1a1a1a;\n --neem-text-light: #5a5a5a;\n --neem-border: #e0e0e0;\n --neem-shadow: 0 4px 24px rgba(0,0,0,.08);\n --neem-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --neem-radius: 20px;\n --neem-radius-sm: 12px;\n}\n\n.neem-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--neem-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.neem-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #2D5A1E 50%, #1E4516 100%);\n border-radius: var(--neem-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(--neem-shadow-lg);\n}\n\n.neem-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 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.neem-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.neem-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.neem-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(--neem-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.neem-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.neem-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.neem-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.neem-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.neem-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.neem-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--neem-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.neem-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(--neem-primary), var(--neem-secondary));\n border-radius: 2px;\n}\n\n.neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.neem-card {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--neem-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.neem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--neem-shadow-lg);\n border-color: var(--neem-primary);\n}\n\n.neem-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--neem-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.neem-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--neem-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.neem-grid-compact .neem-card {\n padding: 1rem;\n}\n\n.neem-grid-compact .neem-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.neem-grid-compact .neem-card p {\n font-size: 12px;\n}\n\n.neem-card-usage {\n background: linear-gradient(135deg, var(--neem-white) 0%, var(--neem-primary-light) 100%);\n}\n\n.neem-accordion {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n box-shadow: var(--neem-shadow);\n overflow: hidden;\n}\n\n.neem-accordion-item {\n border-bottom: 1px solid var(--neem-border);\n margin: 0;\n padding: 0;\n}\n\n.neem-accordion-item:last-child {\n border-bottom: none;\n}\n\n.neem-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--neem-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.neem-accordion-header:hover {\n background: var(--neem-primary-light);\n}\n\n.neem-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.neem-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--neem-primary);\n transition: transform .2s ease;\n}\n\n.neem-accordion-item[open] .neem-accordion-header::after {\n content: '−';\n}\n\n.neem-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--neem-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.neem-accordion-content p {\n margin: 0;\n}\n\n.neem-cta-box {\n background: linear-gradient(135deg, var(--neem-primary) 0%, var(--neem-primary-dark) 100%);\n border-radius: var(--neem-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.neem-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.neem-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@media (max-width: 767px) {\n .neem-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .neem-card {\n padding: 1.125rem;\n }\n \n .neem-section {\n margin-bottom: 1.75rem;\n }\n \n .neem-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--neem-radius-sm);\n }\n \n .neem-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .neem-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .neem-grid-compact {\n gap: .625rem;\n }\n \n .neem-grid-compact .neem-card {\n padding: .75rem;\n }\n \n .neem-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .neem-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .neem-badges-top {\n gap: 8px;\n }\n \n .neem-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .neem-card {\n animation: fadeInUp .5s ease backwards;\n }\n .neem-card:nth-child(1) { animation-delay: .05s; }\n .neem-card:nth-child(2) { animation-delay: .1s; }\n .neem-card:nth-child(3) { animation-delay: .15s; }\n .neem-card:nth-child(4) { animation-delay: .2s; }\n .neem-card:nth-child(5) { animation-delay: .25s; }\n .neem-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 .neem-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869231501689,"sku":"HUILENEEMARCENSELS","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-reparatrice-30-ml-arc-en-sels-lifestyle.webp?v=1768500779"},{"product_id":"beurre-karite-bio-cacao-najel-100g","title":"Beurre de Karité Parfum Cacao Certifié Bio – 100 g – Najel","description":"\u003cdiv class=\"bk-premium\"\u003e\n \u003cdiv class=\"bk-hero\"\u003e\n \u003cdiv class=\"bk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bk-hero-content\"\u003e\n \u003cdiv class=\"bk-badges-top\"\u003e\n \u003cspan class=\"bk-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🍫 Parfum Cacao\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e💯 100 % Naturel\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e✨ Multi-usage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bk-hero-title\"\u003eBeurre de Karité Parfum Cacao Bio\u003c\/span\u003e\n \u003cp class=\"bk-subtitle\"\u003eNajel · 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"bk-description\"\u003eOffrez à votre peau et à vos cheveux un soin \u003cstrong\u003enaturel, gourmand et ultra nourrissant\u003c\/strong\u003e. Un pot de 100 g qui allie la richesse du karité brut à la senteur chaleureuse du cacao pour une expérience sensorielle inégalée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio aux multiples vertus\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eIssu de l'agriculture biologique et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce beurre de karité concentre acides gras essentiels, vitamines A, E et F, et insaponifiables. Une véritable pépite naturelle.\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches, sensibles ou abîmées et restaure durablement le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique qui protège des agressions extérieures : froid, vent, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🩹 Soin réparateur\u003c\/h3\u003e\n \u003cp\u003eApaise gerçures, irritations, coudes rugueux, talons secs et vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✨ Effet anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses antioxydants, il préserve la souplesse et l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité et cheveux : un duo d'exception\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eVous vous demandez comment utiliser le beurre de karité dans les cheveux ? C'est l'allié précieux des chevelures sèches, crépues, frisées ou abîmées. Il gaine la fibre, discipline les frisottis et apporte brillance et douceur.\u003c\/p\u003e\n \u003cdiv class=\"bk-timeline\"\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🛁 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur cheveux humides, des longueurs aux pointes. Laissez poser 30 minutes puis lavez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e💆‍♀️ En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité chauffée entre les paumes suffit pour dompter les pointes sèches au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🌸 Pour le cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eMassage doux pour apaiser et nourrir en profondeur les zones les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchiez une alternative au célèbre \u003cstrong\u003eAroma Zone beurre de karité\u003c\/strong\u003e, la version Najel séduit par sa qualité bio, sa traçabilité et son délicat parfum cacao naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"bk-composition\"\u003e\n \u003ch3\u003e🌱 Ingrédients (INCI)\u003c\/h3\u003e\n \u003cp class=\"bk-inci\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Benzyl Benzoate, Benzyl Cinnamate.\u003c\/p\u003e\n \u003cp class=\"bk-inci-note\"\u003e\u003cem\u003e*Issu de l'agriculture biologique. 100 % du total des ingrédients sont d'origine naturelle. 96 % sont issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans huile minérale\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant de synthèse\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003ePrélevez une petite quantité de beurre, réchauffez-la entre vos doigts jusqu'à fonte, puis appliquez selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👤 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eEn soin nourrissant ciblé sur les zones sèches et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌟 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour une peau veloutée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👄 Sur les lèvres\u003c\/h3\u003e\n \u003cp\u003eComme baume réparateur en cas de gerçures ou de lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque profond ou soin coiffant pour gainer et sublimer les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. À fortes températures, le beurre peut se liquéfier sans altérer ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"bk-cta-box\"\u003e\n \u003cp\u003eMarque pionnière des cosmétiques naturels d'inspiration orientale, \u003cstrong\u003eNajel\u003c\/strong\u003e sélectionne des matières premières d'une grande pureté, dans le respect des savoir-faire traditionnels et de l'environnement. Avec ce beurre de karité parfum cacao, vous adoptez une routine \u003cstrong\u003esensorielle, éthique et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bk-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --bk-cream: #faf6f1;\n --bk-white: #ffffff;\n --bk-primary: #d68a5b;\n --bk-primary-dark: #8b4a2b;\n --bk-primary-light: #fbeee2;\n --bk-secondary: #5d3a24;\n --bk-accent: #c9a87a;\n --bk-text: #2a1810;\n --bk-text-light: #6b5645;\n --bk-border: #e8dccd;\n --bk-shadow: 0 4px 24px rgba(139, 74, 43, .08);\n --bk-shadow-lg: 0 12px 48px rgba(139, 74, 43, .15);\n --bk-radius: 20px;\n --bk-radius-sm: 12px;\n }\n\n .bk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bk-text);\n line-height: 1.6;\n }\n\n .bk-hero {\n position: relative;\n background: linear-gradient(135deg, #d68a5b 0%, #b86a3e 50%, #8b4a2b 100%);\n border-radius: var(--bk-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(--bk-shadow-lg);\n }\n\n .bk-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: .6;\n }\n\n .bk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .bk-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 .bk-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 .bk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .bk-description strong {\n color: white;\n }\n\n .bk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .bk-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(--bk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .bk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .bk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .bk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bk-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 .bk-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(--bk-primary), var(--bk-secondary));\n border-radius: 2px;\n }\n\n .bk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bk-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 .bk-card {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .bk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bk-shadow-lg);\n border-color: var(--bk-primary);\n }\n\n .bk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .bk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .bk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: 1rem;\n }\n\n .bk-grid-compact .bk-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n }\n\n .bk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .bk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bk-primary), var(--bk-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(--bk-shadow);\n }\n\n .bk-timeline-content {\n flex: 1;\n background: var(--bk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bk-radius-sm);\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .bk-timeline-content p {\n font-size: 14px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .bk-composition {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border-left: 4px solid var(--bk-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .bk-composition h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .75rem 0;\n }\n\n .bk-inci {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0 0 .75rem 0;\n line-height: 1.7;\n }\n\n .bk-inci-note {\n font-size: 13px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bk-primary-light);\n border-radius: var(--bk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .bk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .bk-tip p {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-cta-box {\n background: linear-gradient(135deg, var(--bk-primary) 0%, var(--bk-primary-dark) 100%);\n border-radius: var(--bk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-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 max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-cta-box strong {\n color: white;\n font-weight: 800;\n }\n\n .bk-disclaimer {\n font-size: 12px;\n color: var(--bk-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 @media (max-width: 767px) {\n .bk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bk-card {\n padding: 1.125rem;\n }\n\n .bk-section {\n margin-bottom: 1.75rem;\n }\n\n .bk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bk-radius-sm);\n }\n\n .bk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bk-grid-compact {\n gap: .625rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: .75rem;\n }\n\n .bk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bk-timeline-content h3 {\n font-size: 14px;\n }\n\n .bk-timeline-content p {\n font-size: 13px;\n }\n\n .bk-composition {\n padding: 1.25rem;\n }\n\n .bk-tip {\n padding: .875rem 1rem;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .bk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bk-card:nth-child(1) { animation-delay: .05s; }\n .bk-card:nth-child(2) { animation-delay: .1s; }\n .bk-card:nth-child(3) { animation-delay: .15s; }\n .bk-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875322777977,"sku":"65131002","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-cacao-certifie-bio-100-g-najel-lifestyle.webp?v=1778149736"},{"product_id":"beurre-karite-bio-najel-150-ml","title":"Beurre de Karité Brut Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e✋ Récolte traditionnelle\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e💯 100% brut\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌍 Afrique de l'Ouest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eBeurre de Karité Brut Bio\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eNajel - 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUn trésor de la nature, extrait à la main des noix de karité d'Afrique de l'Ouest selon des méthodes traditionnelles. Non raffiné, non désodorisé et certifié Cosmos Organic, il conserve l'intégralité de ses actifs précieux pour offrir à votre peau et à vos cheveux un soin authentique, pur et profondément nourrissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un beurre de karité brut et non raffiné ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eContrairement aux versions transformées du marché, ce beurre Najel est \u003cstrong\u003e100 % brut\u003c\/strong\u003e. Sa couleur ivoire à beige et son odeur naturelle légèrement fumée témoignent de son authenticité, garantissant une concentration maximale en actifs.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌟 Vitamines A, D, E \u0026amp; F\u003c\/h3\u003e\n\u003cp\u003eAntioxydants puissants qui luttent activement contre le vieillissement cutané et préservent la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOléique, stéarique et linoléique : ils nourrissent en profondeur et restructurent durablement l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Insaponifiables jusqu'à 17 %\u003c\/h3\u003e\n\u003cp\u003eDes substances rares aux propriétés réparatrices et protectrices exceptionnelles, signature du karité brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes bienfaits du beurre de karité pour la peau\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eVéritable soin polyvalent, le beurre de karité agit en profondeur sur tous les types de peaux, des plus sensibles aux plus matures.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sèches, déshydratées ou matures, il restaure le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Apaisant \u0026amp; calmant\u003c\/h3\u003e\n\u003cp\u003eSoulage les irritations, tiraillements et rougeurs en quelques applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Bouclier protecteur\u003c\/h3\u003e\n\u003cp\u003eProtège du froid, du vent et du soleil grâce à un léger filtre UV naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🤰 Anti-vergetures\u003c\/h3\u003e\n\u003cp\u003eAide à atténuer les vergetures durant la grossesse et favorise la cicatrisation des gerçures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eBeurre de karité et cheveux : un duo gagnant\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eTradition ancestrale africaine qui a fait ses preuves, le beurre de karité est particulièrement adapté aux cheveux secs, bouclés, frisés, crépus ou abîmés par les colorations.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💪 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et limite efficacement la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Brillance \u0026amp; discipline\u003c\/h3\u003e\n\u003cp\u003eDiscipline les frisottis et apporte une brillance naturelle aux longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 Cuir chevelu apaisé\u003c\/h3\u003e\n\u003cp\u003eCalme et soulage les cuirs chevelus secs ou irrités en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Pointes protégées\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes des agressions extérieures : chaleur, pollution et coiffage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour appliquer le beurre de karité sur les cheveux, faites-le fondre entre vos paumes et utilisez-le en bain d'huile avant shampoing, en soin sans rinçage sur les pointes, ou en masque nourrissant une fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eÀ température ambiante, le beurre est solide. Prélevez une petite noisette, réchauffez-la entre vos doigts jusqu'à obtenir une texture huileuse, puis appliquez selon vos besoins.\u003c\/p\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e👁️ Sur le visage\u003c\/h3\u003e\n\u003cp\u003eEn soin de nuit ou contour des yeux, en très fine couche pour une régénération nocturne optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau légèrement humide pour une absorption optimale et une peau veloutée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampoing ou directement sur les longueurs sèches pour nourrir intensément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🎯 En zones ciblées\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons, lèvres gercées : un soin SOS pour les zones les plus sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\"\u003cstrong\u003eINCI\u003c\/strong\u003e : Butyrospermum Parkii (Shea) Butter*. \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003eUn seul ingrédient, brut et certifié bio. Sans parfum, sans conservateur, sans additif. Conditionnement : pot de \u003cstrong\u003e100 g\u003c\/strong\u003e.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 1 ingrédient\u003c\/h3\u003e\n\u003cp\u003e100% beurre de karité bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🚫 0 additif\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003ePot de 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"nj-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'usage cosmétique externe. Évitez le contact avec les yeux. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🥜 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques au latex (traces possibles).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace en aucun cas un traitement médical : consultez un professionnel de santé en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les qualités du beurre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #fdf8f3;\n --nj-white: #ffffff;\n --nj-primary: #d68449;\n --nj-primary-dark: #8b4a1f;\n --nj-primary-light: #fbeadb;\n --nj-secondary: #c46a2e;\n --nj-accent: #5a3a1f;\n\n --nj-text: #2a1a0f;\n --nj-text-light: #6b5547;\n\n --nj-border: #ebd9c5;\n --nj-shadow: 0 4px 24px rgba(139, 74, 31, .08);\n --nj-shadow-lg: 0 12px 48px rgba(139, 74, 31, .18);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nj-text);\n}\n\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #e89556 0%, #d68449 50%, #b8612a 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .15;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.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.nj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-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(214, 132, 73, .35);\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--nj-primary);\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-testimonial {\n padding: 1.25rem;\n }\n \n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878508319097,"sku":"NJ0225","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-brut-bio-najel-100-g-lifestyle.webp?v=1778142956"},{"product_id":"huile-dattier-desert-najel-80ml","title":"Huile de Dattier du Désert - Najel - 80 ml","description":"\u003cdiv class=\"dd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dd-hero\"\u003e\n \u003cdiv class=\"dd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dd-hero-content\"\u003e\n \u003cdiv class=\"dd-badges-top\"\u003e\n \u003cspan class=\"dd-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e🌍 Origine Afrique subsaharienne\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e✨ Toucher très sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dd-hero-title\"\u003eHuile de Dattier du Désert\u003c\/span\u003e\n \u003cp class=\"dd-subtitle\"\u003eNajel — Flacon spray 80 ml\u003c\/p\u003e\n \u003cp class=\"dd-description\"\u003eUn trésor cosmétique ancestral, réparateur et nourrissant, pour sublimer votre peau et vos cheveux au quotidien. 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eHuile de Dattier du Désert Najel : un soin réparateur certifié bio\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eConnue sous le nom de \u003cstrong\u003eBalanites aegyptiaca\u003c\/strong\u003e, l'huile de dattier du désert est un trésor cosmétique ancestral originaire d'Afrique subsaharienne.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid-compact\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🧴 Flacon spray 80 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique en verre ambré pour un dosage précis et une protection optimale de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio par Ecocert Greenlife selon le référentiel le plus exigeant du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🤲 Toucher très sec\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans laisser de film gras. Idéale même le matin sous le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🏺 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid pour préserver l'intégralité de ses actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eLes vertus de l'huile de dattier du désert pour la peau\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eRiche en \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e (oléique et linoléique) et en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e, cette huile végétale offre des vertus remarquables pour les peaux fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔧 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle aide à restaurer les peaux abîmées, desséchées ou sujettes aux tiraillements. Un véritable baume de reconstruction cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle assouplit et adoucit même les peaux les plus sèches et sensibles grâce à sa richesse en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un bouclier discret contre les agressions extérieures : froid, vent, pollution, sécheresse ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés assainissantes, elle convient aussi aux peaux à imperfections sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon fini non gras la distingue nettement d'autres huiles végétales : vous pouvez l'appliquer sur le visage le matin sans craindre les brillances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eUne huile végétale pour cheveux secs, bouclés et fragilisés\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eL'huile végétale de dattier du désert est aussi un soin capillaire d'exception. Si vous avez les cheveux secs, cassants ou bouclés, elle peut transformer votre routine.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💪 Nourrit et répare\u003c\/h3\u003e\n \u003cp\u003eElle nourrit et répare la fibre capillaire en profondeur sans alourdir la chevelure ni laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e〰️ Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eElle discipline les cheveux bouclés et réduit les frisottis durablement pour des boucles définies et soyeuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e✨ Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eElle redonne brillance et souplesse aux longueurs ternes et abîmées, révélant l'éclat naturel du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔒 Protège les pointes\u003c\/h3\u003e\n \u003cp\u003eElle protège les pointes de la sécheresse et des agressions thermiques du sèche-cheveux et du lisseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une huile de ricin, souvent très épaisse, l'huile de dattier du désert possède une texture fluide et légère qui facilite son application et son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile réparatrice Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-timeline\"\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eVaporisez deux à trois gouttes sur peau propre, matin ou soir, et massez délicatement jusqu'à pénétration complète. Parfait sous une crème ou seul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin cheveux secs ou bouclés\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions sur les longueurs et pointes humides ou sèches. En bain d'huile avant le shampooing, laissez poser 30 minutes pour un soin intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin corps et barbe\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, jambes) ou sur la barbe pour l'assouplir et la discipliner naturellement.\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=\"dd-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"dd-accordion\"\u003e\n \u003cdetails class=\"dd-accordion-item\" open\u003e\n \u003csummary class=\"dd-accordion-header\"\u003e🧬 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"dd-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eBalanites Roxburghii Seed Oil*\u003c\/strong\u003e — *Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cp\u003e100 % du total des ingrédients est d'origine naturelle. Certifié bio par Ecocert Greenlife selon le référentiel Cosmos Organic.\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=\"dd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-testimonial\"\u003e\n \u003cp class=\"dd-testimonial-text\"\u003eFondée à Alep, la maison Najel perpétue un savoir-faire cosmétique traditionnel tout en respectant des exigences écologiques strictes. Cette huile est extraite par première pression à froid pour préserver l'intégralité de ses actifs. Le flacon spray en verre ambré de 80 ml protège l'huile de la lumière et garantit un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le pouvoir réparateur du désert — une huile précieuse, bio et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dd-cream: #faf6f0;\n --dd-white: #ffffff;\n --dd-primary: #c6973b;\n --dd-primary-dark: #8b6914;\n --dd-primary-light: #f5edd8;\n --dd-secondary: #d4a84b;\n --dd-accent: #3d2e12;\n --dd-text: #1a1a1a;\n --dd-text-light: #5a5a5a;\n --dd-border: #e6dcc8;\n --dd-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --dd-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --dd-radius: 20px;\n --dd-radius-sm: 12px;\n}\n\n.dd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dd-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2e12 0%, #8b6914 40%, #c6973b 100%);\n border-radius: var(--dd-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(--dd-shadow-lg);\n}\n\n.dd-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 60% 60%, rgba(212,168,75,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.dd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dd-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}\n\n.dd-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.dd-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.dd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dd-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(--dd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dd-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.dd-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(--dd-primary), var(--dd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-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.dd-section-intro strong {\n color: var(--dd-primary-dark);\n}\n\n\/* === CARDS === *\/\n.dd-card {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dd-shadow-lg);\n border-color: var(--dd-primary);\n}\n\n.dd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dd-grid-compact .dd-card {\n padding: 1rem;\n}\n\n.dd-grid-compact .dd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dd-grid-compact .dd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dd-primary), var(--dd-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(198, 151, 59, .3);\n}\n\n.dd-timeline-content {\n flex: 1;\n background: var(--dd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dd-radius-sm);\n box-shadow: var(--dd-shadow);\n}\n\n.dd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dd-timeline-content p {\n font-size: 14px;\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dd-testimonial {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dd-shadow);\n border-left: 4px solid var(--dd-primary);\n margin-bottom: 1.25rem;\n}\n\n.dd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dd-accordion {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n box-shadow: var(--dd-shadow);\n overflow: hidden;\n}\n\n.dd-accordion-item {\n border-bottom: 1px solid var(--dd-border);\n margin: 0;\n padding: 0;\n}\n\n.dd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dd-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.dd-accordion-header:hover {\n background: var(--dd-primary-light);\n}\n\n.dd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dd-primary);\n transition: transform .2s ease;\n}\n\n.dd-accordion-item[open] .dd-accordion-header::after {\n content: '−';\n}\n\n.dd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dd-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.dd-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.dd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dd-primary-light);\n border-radius: var(--dd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dd-tip p {\n font-size: 14px;\n color: var(--dd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dd-cta-box {\n background: linear-gradient(135deg, var(--dd-primary) 0%, var(--dd-primary-dark) 100%);\n border-radius: var(--dd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dd-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.dd-disclaimer {\n font-size: 12px;\n color: var(--dd-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 .dd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dd-card {\n padding: 1.125rem;\n }\n\n .dd-section {\n margin-bottom: 1.75rem;\n }\n\n .dd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dd-radius-sm);\n }\n\n .dd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dd-grid-compact {\n gap: .625rem;\n }\n\n .dd-grid-compact .dd-card {\n padding: .75rem;\n }\n\n .dd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dd-timeline-content h3 {\n font-size: 14px;\n }\n\n .dd-timeline-content p {\n font-size: 13px;\n }\n\n .dd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dd-testimonial {\n padding: 1.25rem;\n }\n\n .dd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dd-card {\n animation: ddFadeInUp .5s ease backwards;\n }\n .dd-card:nth-child(1) { animation-delay: .05s; }\n .dd-card:nth-child(2) { animation-delay: .1s; }\n .dd-card:nth-child(3) { animation-delay: .15s; }\n .dd-card:nth-child(4) { animation-delay: .2s; }\n .dd-card:nth-child(5) { animation-delay: .25s; }\n .dd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ddFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880980205945,"sku":"NJ0220","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-dattier-du-desert-najel-80-ml-lifestyle.webp?v=1778145499"},{"product_id":"huile-absolu-nectar-karite-50ml","title":"Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité\nPalette détectée:\n - Primaire: #C4975A (doré\/sable chaud du packaging)\n - Secondaire: #B44A2D (rouge-terre\/terracotta des motifs africains)\n - Accent: #8B6339 (brun chocolat des motifs géométriques)\nAmbiance: Chaleureux, ethnique\/africain, naturel\/bio, féminin élégant, motifs géométriques africains, inspiration karité\/monoï\nPréfixe CSS: kn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Absolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\"\n 2. \"Pourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\"\n 3. \"8 huiles végétales bio pour une synergie unique\"\n 4. \"À qui s'adresse l'Absolu Nectar ?\"\n 5. \"Comment utiliser l'huile Absolu Nectar au quotidien ?\"\n 6. \"Un parfum de monoï qui fait voyager\"\n 7. \"Certification bio et engagements de K pour Karité\"\n 8. \"Composition complète (INCI)\"\n 9. \"Les points essentiels à retenir\"\n 10. \"Conseils et précautions d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kn-hero\"\u003e\n \u003cdiv class=\"kn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kn-hero-content\"\u003e\n \u003cdiv class=\"kn-badges-top\"\u003e\n \u003cspan class=\"kn-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🧴 49,3 % de karité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kn-hero-title\"\u003eAbsolu Nectar\u003c\/span\u003e\n \u003cp class=\"kn-subtitle\"\u003eHuile corps \u0026amp; cheveux au karité — K pour Karité\u003c\/p\u003e\n \u003cp class=\"kn-description\"\u003eUne huile sèche multi-usages concentrée en 8 huiles végétales bio, sublimée par un parfum envoûtant de monoï. Un seul geste pour nourrir, protéger et révéler l'éclat de votre peau et de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eAbsolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eImaginez un seul flacon capable de nourrir vos cheveux les plus assoiffés, d'adoucir votre peau au quotidien et de sublimer votre visage, le tout enveloppé d'un parfum de monoï qui vous transporte instantanément.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Huile sèche multi-usages\u003c\/h3\u003e\n \u003cp\u003eCorps, cheveux et visage réunis en un seul soin d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 49,3 % de beurre de karité\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient principal pour une nutrition intense et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 8 huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eSoigneusement sélectionnées pour une synergie nourrissante unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui évoque l'évasion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003ePourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eUtilisé depuis des siècles en Afrique de l'Ouest, le beurre de karité est reconnu pour sa richesse exceptionnelle en acides gras essentiels, en vitamines A, D, E et F, ainsi qu'en phytostérols.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eIl pénètre les couches superficielles de l'épiderme et la fibre capillaire pour restaurer durablement souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eIl forme un film protecteur non occlusif qui aide la peau et les cheveux à résister aux agressions quotidiennes : froid, vent, pollution, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eSes propriétés adoucissantes calment les tiraillements, les irritations légères et les sensations d'inconfort, y compris sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e✨ Réparation\u003c\/h3\u003e\n \u003cp\u003eIl aide à restaurer la barrière cutanée fragilisée et à redonner vitalité aux cheveux abîmés, cassants ou desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec une concentration de \u003cstrong\u003e49,3 %\u003c\/strong\u003e, l'Absolu Nectar fait du karité son ingrédient principal, pour des résultats perceptibles dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003e8 huiles végétales bio pour une synergie unique\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eCe qui distingue cette huile corps et cheveux au karité des autres soins du marché, c'est la qualité et la complémentarité des huiles végétales qui accompagnent le beurre de karité.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels (sésamol, sésamine), elle régénère la peau et protège la barrière cutanée. Pénètre facilement sans résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eConcentrée en polyphénols et vitamine E, elle nourrit, protège et redonne éclat aux peaux ternes comme aux cheveux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eVéritable booster de luminosité, elle tonifie et revitalise les peaux déshydratées avec un toucher satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adaptée aux cheveux secs, ternes ou crépus, elle stimule la brillance et redonne vitalité à la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌴 Huile de babassu bio\u003c\/h3\u003e\n \u003cp\u003eLégère et fondante, elle maintient une hydratation optimale sans alourdir les cheveux, tout en les protégeant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eL'une des huiles les plus douces qui existent, elle convient même aux peaux les plus réactives. Adoucit et fortifie les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eSa composition proche du sébum naturel en fait un régulateur remarquable. Rééquilibre les peaux mixtes et renforce les cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥜 Huile de macadamia\u003c\/h3\u003e\n \u003cp\u003eConnue pour sa pénétration ultra-rapide, elle nourrit et assouplit la peau sans jamais laisser de film gras. Idéale pour les textures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociées au tournesol (riche en vitamine E antioxydante) et à la vitamine E naturelle (tocophérol), ces huiles forment un \u003cstrong\u003ecocktail nourrissant, protecteur et réparateur\u003c\/strong\u003e d'une rare efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse l'Absolu Nectar ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eC'est l'un des grands atouts de cette huile : elle s'adapte à une multitude de profils et de besoins.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux secs, abîmés ou cassants\u003c\/h3\u003e\n \u003cp\u003eColorations répétées, brushings, soleil… vos cheveux ont besoin d'une nutrition intense que les soins classiques ne suffisent plus à apporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eNaturellement plus sujets à la sécheresse, le karité et les huiles végétales sont leurs meilleurs alliés pour retrouver définition, souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤍 Peau sèche ou déshydratée\u003c\/h3\u003e\n \u003cp\u003eTiraillements après la douche, zones rugueuses sur les coudes, les genoux ou les jambes… cette huile apporte une nutrition immédiate et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule naturelle sans ingrédient agressif, elle convient aux épidermes les plus délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e⏱️ Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour le corps, les cheveux et le visage, c'est moins de flacons dans la salle de bain et plus de temps pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile Absolu Nectar au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eLe format pompe de 50 ml est à la fois pratique et économique : quelques pressions suffisent à chaque utilisation.\u003c\/p\u003e\n \u003cdiv class=\"kn-timeline\"\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin quotidien pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eChauffez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e entre vos paumes, puis appliquez sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e de vos cheveux secs ou légèrement humides. Plus de brillance, moins de frisottis, des pointes visiblement plus souples. Particulièrement efficace sur les cheveux bouclés ou crépus pour définir les boucles sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eMasque réparateur avant shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 20 à 30 minutes\u003c\/strong\u003e (voire toute la nuit pour les cheveux très abîmés). Procédez ensuite à votre shampooing habituel. Répétez une fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin visage hydratant\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et sèche, déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e et massez délicatement votre visage en mouvements circulaires ascendants. L'huile pénètre rapidement et laisse la peau douce, nourrie et lumineuse. Utilisez-la seule ou avant votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin corps nourrissant\u003c\/h3\u003e\n \u003cp\u003eLe moment idéal : \u003cstrong\u003ejuste après la douche\u003c\/strong\u003e, sur une peau encore légèrement humide. L'eau facilite la pénétration de l'huile et permet de « sceller » l'hydratation. Massez les zones les plus sèches (jambes, bras, coudes, pieds) jusqu'à absorption complète. Résultat : une peau satinée, souple et délicatement parfumée au monoï.\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=\"kn-section\"\u003e\n \u003ch2\u003eUn parfum de monoï qui fait voyager\u003c\/h2\u003e\n \u003cdiv class=\"kn-testimonial\"\u003e\n \u003cp class=\"kn-testimonial-text\"\u003e\"Au-delà de son efficacité, l'Absolu Nectar offre une véritable expérience sensorielle. Sa fragrance de monoï, douce et enveloppante, transforme chaque application en un moment de plaisir. Ce n'est pas un parfum synthétique entêtant : il reste subtil, s'estompe en douceur et laisse sur la peau et les cheveux un léger sillage exotique, parfait pour prolonger la sensation de vacances toute l'année.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eCertification bio et engagements de K pour Karité\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eL'Absolu Nectar n'est pas seulement un soin performant, c'est aussi un choix responsable.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio par Ecocert\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio : garantie d'un cahier des charges strict en matière d'ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 50 % d'ingrédients issus de l'agriculture biologique. Sans silicone, sans paraben, sans colorant de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré et conditionné au Laboratoire Arlland, dans le respect des normes françaises les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUne marque engagée auprès des communautés productrices de karité en Afrique, dans une démarche de valorisation des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez une cosmétique qui respecte à la fois votre peau, vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum parkii (Shea) oil, Helianthus annuus (Sunflower) seed oil, Sesamum indicum (Sesame) seed oil*, Olea europaea (Olive) fruit oil*, Prunus armeniaca (Apricot) kernel oil*, Persea gratissima (Avocado) oil*, Orbignya oleifera seed oil*, Prunus amygdalus dulcis (Sweet almond) oil*, Simmondsia chinensis (Jojoba) seed oil*, Macadamia integrifolia seed oil, Tocopherol, Parfum (Fragrance), Linalool.\u003c\/em\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!-- H2 #9 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — format pompe pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Type de soin\u003c\/h3\u003e\n \u003cp\u003eHuile sèche multi-usages corps, cheveux et visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 Actif principal\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité à 49,3 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eBio Ecocert \/ Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance — Laboratoire Arlland\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e👩 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peau et cheveux, idéal peaux sèches et cheveux abîmés\/bouclés\/crépus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum\u003c\/h3\u003e\n \u003cp\u003eMonoï — fragrance douce et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"kn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConseils et précautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière directe et de la chaleur excessive pour préserver la qualité des huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eBien que la formule soit naturelle et douce, il est toujours conseillé de \u003cstrong\u003eréaliser un test cutané\u003c\/strong\u003e dans le pli du coude 24 heures avant la première utilisation, surtout si vous avez une peau à tendance allergique. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est un soin de beauté et de confort. Il \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e en cas de problème dermatologique spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kn-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et de confort. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kn-cream: #FDF8F2;\n --kn-white: #ffffff;\n --kn-primary: #C4975A;\n --kn-primary-dark: #8B6339;\n --kn-primary-light: #F5EDE3;\n --kn-secondary: #B44A2D;\n --kn-accent: #D4A76A;\n --kn-text: #1a1a1a;\n --kn-text-light: #5a5a5a;\n --kn-border: #e8ddd1;\n --kn-shadow: 0 4px 24px rgba(139,99,57,.08);\n --kn-shadow-lg: 0 12px 48px rgba(139,99,57,.15);\n --kn-radius: 20px;\n --kn-radius-sm: 12px;\n}\n\n.kn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kn-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6339 0%, #C4975A 45%, #B44A2D 100%);\n border-radius: var(--kn-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(--kn-shadow-lg);\n}\n\n.kn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px);\n opacity: 1;\n}\n\n.kn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kn-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.kn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.kn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kn-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(--kn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kn-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.kn-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(--kn-primary), var(--kn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-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.kn-card {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kn-shadow-lg);\n border-color: var(--kn-primary);\n}\n\n.kn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kn-grid-compact .kn-card {\n padding: 1rem;\n}\n\n.kn-grid-compact .kn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kn-grid-compact .kn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kn-primary), var(--kn-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.kn-timeline-content {\n flex: 1;\n background: var(--kn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kn-radius-sm);\n box-shadow: var(--kn-shadow);\n}\n\n.kn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kn-timeline-content p {\n font-size: 14px;\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kn-testimonial {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kn-shadow);\n border-left: 4px solid var(--kn-primary);\n}\n\n.kn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kn-accordion {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n box-shadow: var(--kn-shadow);\n overflow: hidden;\n}\n\n.kn-accordion-item {\n border-bottom: 1px solid var(--kn-border);\n margin: 0;\n padding: 0;\n}\n\n.kn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kn-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.kn-accordion-header:hover {\n background: var(--kn-primary-light);\n}\n\n.kn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kn-primary);\n transition: transform .2s ease;\n}\n\n.kn-accordion-item[open] .kn-accordion-header::after {\n content: '−';\n}\n\n.kn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kn-primary-light);\n border-radius: var(--kn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kn-tip p {\n font-size: 14px;\n color: var(--kn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kn-disclaimer {\n font-size: 12px;\n color: var(--kn-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 .kn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kn-card {\n padding: 1.125rem;\n }\n\n .kn-section {\n margin-bottom: 1.75rem;\n }\n\n .kn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kn-radius-sm);\n }\n\n .kn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kn-grid-compact {\n gap: .625rem;\n }\n\n .kn-grid-compact .kn-card {\n padding: .75rem;\n }\n\n .kn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kn-timeline-content h3 {\n font-size: 14px;\n }\n\n .kn-timeline-content p {\n font-size: 13px;\n }\n\n .kn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kn-testimonial {\n padding: 1.25rem;\n }\n\n .kn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kn-card {\n animation: knFadeInUp .5s ease backwards;\n }\n .kn-card:nth-child(1) { animation-delay: .05s; }\n .kn-card:nth-child(2) { animation-delay: .1s; }\n .kn-card:nth-child(3) { animation-delay: .15s; }\n .kn-card:nth-child(4) { animation-delay: .2s; }\n .kn-card:nth-child(5) { animation-delay: .25s; }\n .kn-card:nth-child(6) { animation-delay: .3s; }\n .kn-card:nth-child(7) { animation-delay: .35s; }\n .kn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes knFadeInUp {\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 .kn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":54881539883385,"sku":"ABSOLUNECTAR","price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/absolu-nectar-k-pour-karite-min.jpg?v=1737037116"},{"product_id":"eau-capillaire-catalyons-flacon-vaporisateur","title":"Eau capillaire - Catalyons - Flacon vaporisateur 150 ml","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cdiv class=\"ec-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ec-hero\"\u003e\n\u003cdiv class=\"ec-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ec-hero-content\"\u003e\n\u003cdiv class=\"ec-badges-top\"\u003e\n\u003cspan class=\"ec-badge\"\u003e🧪 4 oligo-éléments ionisés\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🚫 Sans parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ec-hero-title\"\u003eEau capillaire Catalyons\u003c\/span\u003e\n\u003cp class=\"ec-subtitle\"\u003eArgent colloïdal · Zinc · Silicium · Cuivre\u003c\/p\u003e\n\u003cp class=\"ec-description\"\u003eLe soin vaporisateur aux oligo-éléments brevetés qui revitalise vos cheveux de la racine aux pointes - sans alourdir, sans graisser, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eEau capillaire Catalyons : le soin aux oligo-éléments pour des cheveux revitalisés\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e capable de redonner force et éclat à vos cheveux ? L'\u003cstrong\u003eeau capillaire Catalyons\u003c\/strong\u003e associe la puissance de quatre oligo-éléments ionisés - \u003cstrong\u003eargent colloïdal, zinc, silicium et cuivre\u003c\/strong\u003e - enrichis en chlorophylle, pour un soin complet du cuir chevelu jusqu'aux pointes.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid-compact\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💧 150 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon vaporisateur pratique et hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eNe graisse pas, ne laisse aucun résidu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdultes et enfants, tous types de cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n\u003cp\u003eS'intègre facilement dans votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComposition détaillée et rôle de chaque actif\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eUne formule reposant sur un \u003cstrong\u003eprocédé breveté d'électrolyse\u003c\/strong\u003e et une dynamisation par vortex, garantissant des oligo-éléments parfaitement biodisponibles.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🔬 Silicium (acide orthosilicique)\u003c\/h3\u003e\n\u003cp\u003eIndispensable à la structure de la fibre capillaire, il contribue à renforcer les cheveux fragilisés et à leur redonner de l'élasticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e⚖️ Zinc\u003c\/h3\u003e\n\u003cp\u003eReconnu pour son rôle dans la régulation du sébum, il aide à maintenir un cuir chevelu équilibré et à limiter l'apparition de pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🟤 Cuivre\u003c\/h3\u003e\n\u003cp\u003eParticipe à la pigmentation naturelle du cheveu et soutient la microcirculation au niveau du cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🛡️ Argent colloïdal\u003c\/h3\u003e\n\u003cp\u003eSes propriétés purifiantes contribuent à assainir le cuir chevelu et à prévenir les déséquilibres microbiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌿 Chlorophylle\u003c\/h3\u003e\n\u003cp\u003eOxygénante et revitalisante, elle apporte un coup de fraîcheur au cuir chevelu tout en favorisant la vitalité des cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Aqua, Hydrated Silica, Chlorophyllin-Copper Complex, Zinc, Silver, Copper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour vos cheveux\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eCe \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e agit sur plusieurs fronts, que vos cheveux soient secs, gras, ternes ou fragilisés.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💪 Fortifie la fibre capillaire\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments pénètrent rapidement pour nourrir le cheveu en profondeur, lui redonnant résistance et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n\u003cp\u003eL'action combinée de l'argent colloïdal et du zinc aide à éliminer les impuretés et à apaiser les démangeaisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌟 Brillance et légèreté\u003c\/h3\u003e\n\u003cp\u003eLa texture aqueuse, sans parfum et non grasse, laisse les cheveux souples et lumineux sans aucun résidu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👩👦 Convient à toute la famille\u003c\/h3\u003e\n\u003cp\u003eSa formulation douce, sans conservateur ni additif chimique, permet une utilisation aussi bien chez les adultes que chez les enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComment utiliser l'eau capillaire Catalyons ?\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003ePour des résultats visibles, suivez cette méthode simple et efficace :\u003c\/p\u003e\n\u003cdiv class=\"ec-timeline\"\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n\u003cp\u003eSur le \u003cstrong\u003ecuir chevelu et les longueurs\u003c\/strong\u003e, sur cheveux propres, secs ou légèrement humides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts pendant une à deux minutes pour stimuler la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003eSans rinçage. Vous pouvez ensuite coiffer vos cheveux normalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n\u003cp\u003eChaque jour ou plusieurs fois par semaine, selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet revitalisant renforcé, utilisez cette eau capillaire en complément de votre shampoing habituel, directement après le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ec-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn soin 100 % naturel, fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"ec-cta-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003elaboratoires Catalyons\u003c\/strong\u003e, pionniers dans le domaine des oligo-éléments ionisés depuis plus de 50 ans, conçoivent l'ensemble de leurs produits en France. L'eau capillaire Catalyons est \u003cstrong\u003esans parfum, sans conservateur, sans paraben\u003c\/strong\u003e et non testée sur les animaux. Son flacon vaporisateur permet un dosage précis et une utilisation hygiénique, à la maison comme en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ec-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ec-cream: #f4f8f5;\n --ec-white: #ffffff;\n --ec-primary: #2e7d5b;\n --ec-primary-dark: #1a5c3f;\n --ec-primary-light: #e8f5ee;\n --ec-secondary: #3a8fb7;\n --ec-accent: #2c5f8a;\n --ec-text: #1a1a1a;\n --ec-text-light: #5a5a5a;\n --ec-border: #d8e6de;\n --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ec-radius: 20px;\n --ec-radius-sm: 12px;\n}\n\n.ec-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ec-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5c3f 0%, #2e7d5b 40%, #3a8fb7 100%);\n border-radius: var(--ec-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(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.12) 0%, transparent 60%),\n radial-gradient(ellipse at 70% 80%, rgba(58,143,183,.2) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ec-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ec-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.ec-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.ec-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.ec-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ec-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(--ec-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ec-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ec-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.ec-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(--ec-primary), var(--ec-secondary));\n border-radius: 2px;\n}\n\n.ec-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-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.ec-card {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ec-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ec-shadow-lg);\n border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ec-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ec-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ec-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ec-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ec-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n flex: 1;\n background: var(--ec-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ec-radius-sm);\n box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ec-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n font-size: 14px;\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ec-primary-light);\n border-radius: var(--ec-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ec-tip p {\n font-size: 14px;\n color: var(--ec-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ec-cta-box {\n background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 100%);\n border-radius: var(--ec-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ec-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.ec-cta-box strong {\n font-weight: 700;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n font-size: 12px;\n color: var(--ec-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 .ec-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ec-card {\n padding: 1.125rem;\n }\n\n .ec-section {\n margin-bottom: 1.75rem;\n }\n\n .ec-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ec-radius-sm);\n }\n\n .ec-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ec-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ec-grid-compact {\n gap: .625rem;\n }\n\n .ec-grid-compact .ec-card {\n padding: .75rem;\n }\n\n .ec-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ec-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ec-timeline-content h3 {\n font-size: 14px;\n }\n\n .ec-timeline-content p {\n font-size: 13px;\n }\n\n .ec-testimonial {\n padding: 1.25rem;\n }\n\n .ec-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ec-card {\n animation: ecFadeInUp .5s ease backwards;\n }\n .ec-card:nth-child(1) { animation-delay: .05s; }\n .ec-card:nth-child(2) { animation-delay: .1s; }\n .ec-card:nth-child(3) { animation-delay: .15s; }\n .ec-card:nth-child(4) { animation-delay: .2s; }\n .ec-card:nth-child(5) { animation-delay: .25s; }\n .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\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 .ec-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54897389437305,"sku":"38833002","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-capillaire-catalyons-flacon-vaporisateur-150-ml-lifestyle_c3c1aa09-6b19-4d4c-b9e8-9d1db7b97525.webp?v=1772099412"},{"product_id":"monoi-de-tahiti-125-ml-najel","title":"Monoï de Tahiti® Sublimant – 125 ml – Najel","description":"\u003cdiv class=\"mnoi-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mnoi-hero\"\u003e\n\u003cdiv class=\"mnoi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mnoi-hero-content\"\u003e\n\u003cdiv class=\"mnoi-badges-top\"\u003e\n\u003cspan class=\"mnoi-badge\"\u003e🌺 Appellation d'origine\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e🌿 Cosmos Natural\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e✨ 125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mnoi-hero-title\"\u003eMonoï de Tahiti® Najel\u003c\/span\u003e\n\u003cp class=\"mnoi-subtitle\"\u003eL'huile sacrée polynésienne pour une peau satinée et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"mnoi-description\"\u003eUn rituel de beauté ancestral qui associe huile de coco raffinée et fleurs de tiaré fraîches pour nourrir, protéger et parfumer délicatement votre corps et votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQu'est-ce que le véritable Monoï de Tahiti® ?\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-intro-box\"\u003e\n\u003cp\u003eLe monoï de Tahiti n'est pas une huile comme les autres. Son nom signifie littéralement \u003cstrong\u003e« huile sacrée »\u003c\/strong\u003e en tahitien, et sa fabrication répond à un cahier des charges très strict pour mériter l'appellation d'origine contrôlée.\u003c\/p\u003e\n\u003cp\u003eSeul le monoï élaboré en \u003cstrong\u003ePolynésie française\u003c\/strong\u003e, à partir de fleurs de tiaré (\u003cem\u003eGardenia tahitensis\u003c\/em\u003e) macérées dans de l'huile de coprah raffinée, peut porter cette appellation prestigieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-highlight-card\"\u003e\n\u003cdiv class=\"mnoi-highlight-content\"\u003e\n\u003cstrong\u003e🏆 Najel perpétue ce savoir-faire ancestral\u003c\/strong\u003e en vous proposant un véritable Monoï de Tahiti®, certifié Cosmos Natural, qui respecte à la fois la tradition polynésienne et les exigences actuelles en matière de cosmétique naturelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de monoï pour la peau\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eVotre peau mérite une attention particulière. Le monoï agit comme un baume nourrissant qui enveloppe l'épiderme d'un voile protecteur et réconfortant.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eLes acides gras de l'huile de coco pénètrent en profondeur pour restaurer le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✨ Effet satinant\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve instantanément douceur et éclat, avec un toucher velours incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e☀️ Soin après-soleil idéal\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de tiraillement et aide la peau à récupérer après une exposition au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eLe doux arôme des fleurs de tiaré vous transporte sous les tropiques à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eHuile de monoï pour les cheveux : un soin réparateur d'exception\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eCheveux secs, abîmés par les colorations, le soleil ou le sel marin ? Le monoï pénètre rapidement et laisse les cheveux souples, brillants et parfumés.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛁 Bain d'huile réparateur\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur les longueurs et pointes, laissez poser au moins 30 minutes ou toute la nuit, puis lavez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💫 Soin express des pointes\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur cheveux secs ou humides suffisent à discipliner les frisottis et nourrir les pointes fourchues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eForme un léger film protecteur qui préserve la fibre capillaire du sèche-cheveux, de la pollution et du chlore.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eLes avis sont unanimes : après quelques utilisations, les cheveux retrouvent leur vitalité et leur brillance naturelle, même les plus fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComment utiliser votre Monoï de Tahiti® Najel ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eLa polyvalence de ce soin est l'un de ses grands atouts. Intégrez-le facilement à votre routine beauté :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-usage-grid\"\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès la douche\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau légèrement humide pour une absorption optimale et un effet hydratant décuplé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eEn massage\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme huile de massage pour un moment de détente absolue : la texture fondante glisse parfaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, appliquez après l'exposition pour apaiser et sublimer votre bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez sur la chevelure, enveloppez d'une serviette chaude et laissez agir 20 min à plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eSoin quotidien\u003c\/h3\u003e\n\u003cp\u003e2 à 3 gouttes réchauffées entre les paumes suffisent pour lisser les pointes et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en dessous de 25°C, le monoï se solidifie naturellement (c'est le signe d'un produit authentique !). Passez simplement le flacon sous l'eau chaude quelques instants pour le liquéfier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComposition complète – Liste INCI\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-inci-box\"\u003e\n\u003cp class=\"mnoi-inci-list\"\u003e\u003cstrong\u003eCocos Nucifera Oil, Gardenia Tahitensis Flower, Parfum, Tocopherol.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🥥 Cocos Nucifera Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de coco raffinée, base traditionnelle du monoï, riche en acide laurique aux propriétés nourrissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Gardenia Tahitensis Flower\u003c\/h3\u003e\n\u003cp\u003eFleurs de tiaré fraîches macérées, qui confèrent au monoï son parfum caractéristique et ses propriétés adoucissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle fleur de tiaré pour sublimer l'expérience sensorielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Tocopherol\u003c\/h3\u003e\n\u003cp\u003eVitamine E naturelle, antioxydant qui protège l'huile et contribue à préserver la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-certif-badges\"\u003e\n\u003cspan class=\"mnoi-certif-badge\"\u003eSans parabènes\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans colorants artificiels\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans huiles minérales\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003ePourquoi choisir le Monoï de Tahiti® Najel plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eFace à la multitude de produits au monoï disponibles, voici ce qui distingue ce soin Najel :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid-compact\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏅 Appellation d'origine\u003c\/h3\u003e\n\u003cp\u003eUn véritable Monoï de Tahiti® fabriqué selon les standards polynésiens authentiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eGage d'un produit formulé dans le respect de l'environnement et de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire Najel\u003c\/h3\u003e\n\u003cp\u003eDepuis 1895, l'art des soins naturels traditionnels, du savon d'Alep aux huiles précieuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✈️ Format 125 ml\u003c\/h3\u003e\n\u003cp\u003eIdéal pour glisser dans votre trousse de toilette ou emporter en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur le Monoï de Tahiti\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-accordion\"\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï peut-il remplacer ma crème hydratante ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eLe monoï est une huile nourrissante qui convient particulièrement aux peaux sèches à très sèches. Pour les peaux mixtes à grasses, il est préférable de l'utiliser ponctuellement ou uniquement sur les zones qui en ont besoin (coudes, talons, jambes).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePuis-je utiliser le monoï sur le visage ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eL'huile de coco présente dans le monoï peut être comédogène pour certaines peaux. Si vous avez la peau sensible ou sujette aux imperfections, faites un test sur une petite zone avant de l'appliquer sur l'ensemble du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePourquoi mon monoï est-il devenu solide ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'huile de coco se solidifie en dessous de 25°C environ. Cela témoigne de la pureté du produit. Réchauffez simplement le flacon entre vos mains ou sous l'eau tiède pour retrouver sa texture liquide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï protège-t-il du soleil ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eNon, le monoï ne contient pas de filtres solaires et ne protège pas des rayons UV. Utilisez toujours une protection solaire adaptée avant l'exposition, et réservez le monoï pour les soins après-soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-specs-grid\"\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003e125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eNajel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eType de produit\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eHuile végétale \/ Soin corps et cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eFleur de tiaré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eMonoï de Tahiti® (appellation d'origine)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mnoi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mnoi-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez à votre peau et à vos cheveux le meilleur de la nature polynésienne. Un soin ancestral, une efficacité prouvée, un parfum qui invite au voyage : le compagnon idéal d'une beauté naturelle et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mnoi-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'allergie connue à l'un des composants, ne pas utiliser.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mnoi-cream: #FFF8F5;\n --mnoi-white: #ffffff;\n --mnoi-primary: #E85D3B;\n --mnoi-primary-dark: #C94A2B;\n --mnoi-primary-light: #FFF0EC;\n --mnoi-secondary: #2ABFB3;\n --mnoi-secondary-light: #E8F9F7;\n --mnoi-accent: #F5A623;\n --mnoi-text: #1a1a1a;\n --mnoi-text-light: #5a5a5a;\n --mnoi-border: #f0e6e3;\n --mnoi-shadow: 0 4px 24px rgba(232,93,59,.08);\n --mnoi-shadow-lg: 0 12px 48px rgba(232,93,59,.15);\n --mnoi-radius: 20px;\n --mnoi-radius-sm: 12px;\n}\n\n.mnoi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnoi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mnoi-hero {\n position: relative;\n background: linear-gradient(135deg, #E85D3B 0%, #F5A623 50%, #2ABFB3 100%);\n border-radius: var(--mnoi-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(--mnoi-shadow-lg);\n}\n\n.mnoi-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 5c2.5 5 7.5 8 12.5 8s10-3 12.5-8c-2.5 5-2.5 12 0 17-5-2.5-10-2.5-12.5 0s-5 7.5-12.5 7.5-10-5-12.5-7.5-7.5-2.5-12.5 0c2.5-5 2.5-12 0-17 2.5 5 7.5 8 12.5 8s10-3 12.5-8z' fill='%23ffffff' fill-opacity='.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mnoi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnoi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-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(--mnoi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mnoi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnoi-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.mnoi-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mnoi-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.mnoi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnoi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnoi-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.mnoi-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(--mnoi-primary), var(--mnoi-secondary));\n border-radius: 2px;\n}\n\n.mnoi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-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\/* === INTRO BOX === *\/\n.mnoi-intro-box {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnoi-shadow);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-intro-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mnoi-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT CARD === *\/\n.mnoi-highlight-card {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--mnoi-primary-light) 0%, var(--mnoi-secondary-light) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--mnoi-primary);\n}\n\n.mnoi-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mnoi-highlight-content {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mnoi-text);\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mnoi-card {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnoi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnoi-shadow-lg);\n border-color: var(--mnoi-primary);\n}\n\n.mnoi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnoi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.mnoi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnoi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card {\n padding: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnoi-grid-compact .mnoi-card p {\n font-size: 12px;\n}\n\n\/* === USAGE GRID === *\/\n.mnoi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-usage-block {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n}\n\n.mnoi-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--mnoi-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.mnoi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mnoi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mnoi-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--mnoi-primary), var(--mnoi-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: 14px;\n box-shadow: 0 4px 12px rgba(232,93,59,.3);\n}\n\n.mnoi-timeline-content {\n flex: 1;\n background: var(--mnoi-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--mnoi-radius-sm);\n}\n\n.mnoi-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnoi-timeline-content p {\n font-size: 13px;\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mnoi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--mnoi-secondary-light) 0%, var(--mnoi-primary-light) 100%);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mnoi-secondary);\n}\n\n.mnoi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mnoi-tip p {\n font-size: 14px;\n color: var(--mnoi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.mnoi-inci-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-primary-dark) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-inci-list {\n color: white;\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CERTIF BADGES === *\/\n.mnoi-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-top: 1.5rem;\n}\n\n.mnoi-certif-badge {\n padding: 8px 16px;\n background: var(--mnoi-secondary-light);\n border: 2px solid var(--mnoi-secondary);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--mnoi-secondary);\n}\n\n\/* === ACCORDION === *\/\n.mnoi-accordion {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n box-shadow: var(--mnoi-shadow);\n overflow: hidden;\n}\n\n.mnoi-accordion-item {\n border-bottom: 1px solid var(--mnoi-border);\n margin: 0;\n padding: 0;\n}\n\n.mnoi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mnoi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mnoi-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.mnoi-accordion-header:hover {\n background: var(--mnoi-primary-light);\n}\n\n.mnoi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mnoi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mnoi-primary);\n transition: transform .2s ease;\n}\n\n.mnoi-accordion-item[open] .mnoi-accordion-header::after {\n content: '−';\n}\n\n.mnoi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mnoi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mnoi-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECS GRID === *\/\n.mnoi-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.mnoi-spec-item {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mnoi-shadow);\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.mnoi-spec-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--mnoi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mnoi-spec-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n}\n\n\/* === CTA === *\/\n.mnoi-cta-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-accent) 50%, var(--mnoi-secondary) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnoi-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.mnoi-disclaimer {\n font-size: 12px;\n color: var(--mnoi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mnoi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-card {\n padding: 1.125rem;\n }\n \n .mnoi-section {\n margin-bottom: 1.75rem;\n }\n \n .mnoi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnoi-radius-sm);\n }\n \n .mnoi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mnoi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mnoi-grid-compact {\n gap: .625rem;\n }\n \n .mnoi-grid-compact .mnoi-card {\n padding: .75rem;\n }\n \n .mnoi-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-usage-block {\n padding: 1rem;\n }\n \n .mnoi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .mnoi-timeline-content {\n padding: .75rem .875rem;\n }\n \n .mnoi-timeline-content h3 {\n font-size: 13px;\n }\n \n .mnoi-timeline-content p {\n font-size: 12px;\n }\n \n .mnoi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mnoi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mnoi-highlight-card {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .mnoi-highlight-icon {\n font-size: 28px;\n }\n \n .mnoi-specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .mnoi-spec-item {\n padding: .75rem 1rem;\n }\n \n .mnoi-spec-label {\n font-size: 11px;\n }\n \n .mnoi-spec-value {\n font-size: 13px;\n }\n \n .mnoi-certif-badges {\n gap: .375rem;\n }\n \n .mnoi-certif-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .mnoi-intro-box {\n padding: 1.25rem;\n }\n \n .mnoi-intro-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnoi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnoi-card:nth-child(1) { animation-delay: .05s; }\n .mnoi-card:nth-child(2) { animation-delay: .1s; }\n .mnoi-card:nth-child(3) { animation-delay: .15s; }\n .mnoi-card:nth-child(4) { animation-delay: .2s; }\n .mnoi-card:nth-child(5) { animation-delay: .25s; }\n .mnoi-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 .mnoi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928000811385,"sku":"NJ0175","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/monoi-de-tahiti-125-ml-najel-lifestyle.webp?v=1769158882"},{"product_id":"huile-dargan-bio-80-ml-najel","title":"Huile d'Argan Bio - Régénérante – 80 ml – Najel","description":"\u003cdiv class=\"argan-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"argan-hero\"\u003e\n\u003cdiv class=\"argan-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"argan-hero-content\"\u003e\n\u003cdiv class=\"argan-badges-top\"\u003e\n\u003cspan class=\"argan-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e🇲🇦 Or du Maroc\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"argan-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"argan-subtitle\"\u003eL'élixir de beauté ancestral du Maroc\u003c\/p\u003e\n\u003cp class=\"argan-description\"\u003ePremière pression à froid, certifiée bio. Un soin complet et polyvalent pour votre visage, vos cheveux et votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003ePourquoi l'huile d'argan est-elle si précieuse pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSurnommée « or liquide du Maroc », l'huile d'argan doit sa réputation à sa composition exceptionnellement riche en actifs naturels.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et aide votre peau à retenir l'hydratation naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💧 Acide oléique (oméga-9)\u003c\/h3\u003e\n\u003cp\u003eAssouplit et nourrit la peau en profondeur, sans laisser de film gras désagréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant naturel qui protège vos cellules du stress oxydatif et du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌱 Stérols et polyphénols\u003c\/h3\u003e\n\u003cp\u003eComposés rares qui stimulent la régénération cellulaire et apaisent les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux crèmes industrielles chargées en eau et additifs, cette huile d'argan pure à 100 % pénètre rapidement pour nourrir réellement votre peau, couche après couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eHuile d'argan sur le visage : des résultats visibles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eCette huile sèche possède une texture légère qui ne bouche pas les pores, même pour les peaux mixtes.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants ravivent l'éclat de votre peau terne ou fatiguée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🎀 Peau rebondie\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels restaurent l'élasticité et la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🕐 Anti-ridules\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E aide à lisser le grain de peau et prévenir les signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n\u003cp\u003eRougeurs, tiraillements après-rasage et sensibilités sont calmés naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n\u003cp\u003ePollution, froid, vent... votre peau est mieux armée contre les agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eUn soin complet pour les cheveux et les ongles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eUtilisée en masque capillaire, elle transforme littéralement les cheveux secs, cassants ou abîmés.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eDe la racine aux pointes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌀 Dompte les frisottis\u003c\/h3\u003e\n\u003cp\u003eBrillance naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🔥 Protection thermique\u003c\/h3\u003e\n\u003cp\u003eContre sèche-cheveux et lisseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✂️ Répare les pointes\u003c\/h3\u003e\n\u003cp\u003ePrévient les fourches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💅\u003c\/span\u003e\n\u003cp\u003ePour vos ongles, quelques gouttes massées régulièrement sur les cuticules suffisent à fortifier les ongles cassants et à assouplir les peaux sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile d'argan bio Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-timeline\"\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🌙 Pour le visage (soir)\u003c\/h3\u003e\n\u003cp\u003e3-4 gouttes réchauffées entre vos paumes, appliquées en massage du centre vers l'extérieur. Insistez sur les zones sèches et rides d'expression. Seule ou mélangée à votre crème de nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e💆 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampooing (30 min à une nuit sous serviette chaude) ou en soin sans rinçage (1-2 gouttes sur cheveux secs pour discipliner et faire briller).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eMassez les zones sèches (coudes, genoux, talons) après la douche sur peau légèrement humide. Idéale également en huile de massage relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComposition – 100 % pure et naturelle\u003cspan class=\"argan-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"argan-composition-box\"\u003e\n\u003cdiv class=\"argan-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🌰 Ingrédient unique (INCI)\u003c\/strong\u003e\n\u003cp\u003eArgania Spinosa Kernel Oil*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-note\"\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003cdiv class=\"argan-composition-details\"\u003e\n\u003cspan\u003e❌ Aucun additif\u003c\/span\u003e \u003cspan\u003e❌ Aucun conservateur\u003c\/span\u003e \u003cspan\u003e❌ Aucun parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-text\"\u003eHuile d'argan vierge, non raffinée, qui conserve l'intégralité de ses propriétés actives. Sa couleur dorée et son léger parfum caractéristique sont les signes d'une huile de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eL'engagement qualité de Najel\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSpécialiste des cosmétiques naturels depuis plus de 120 ans, Najel perpétue un savoir-faire artisanal respectueux.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003eCoopératives marocaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧴 Flacon verre ambré\u003c\/h3\u003e\n\u003cp\u003eProtection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile d'argan ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eRestaure le confort cutané et élimine les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eAide à préserver la fermeté et l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eComposition 100 % pure parfaitement tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eUtilisée avec parcimonie, elle régule sans graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💇 Cheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eRépare et protège durablement les cheveux secs, colorés ou fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"argan-accordion\"\u003e\n\u003cdetails open=\"\" class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la lumière directe et de la chaleur excessive. Le flacon en verre ambré assure une bonne protection, mais évitez de le laisser dans une salle de bain trop humide ou près d'une source de chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📅 Durée de vie\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eBien conservée, l'huile garde ses propriétés pendant 12 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📦 Format\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003e80 ml – Flacon en verre avec pompe doseuse pour une application précise et hygiénique.\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=\"argan-section\"\u003e\n\u003cdiv class=\"argan-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau et vos cheveux le trésor millénaire du Maroc. Une huile, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --argan-cream: #FDF8F3;\n --argan-white: #ffffff;\n --argan-primary: #E07830;\n --argan-primary-dark: #B85A1A;\n --argan-primary-light: #FEF3EB;\n --argan-secondary: #2D1810;\n --argan-accent: #C4A259;\n --argan-text: #1a1a1a;\n --argan-text-light: #5a5a5a;\n --argan-border: #e8ddd4;\n --argan-shadow: 0 4px 24px rgba(45,24,16,.08);\n --argan-shadow-lg: 0 12px 48px rgba(45,24,16,.15);\n --argan-radius: 20px;\n --argan-radius-sm: 12px;\n}\n\n.argan-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--argan-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.argan-hero {\n position: relative;\n background: linear-gradient(135deg, #E07830 0%, #C4A259 50%, #B85A1A 100%);\n border-radius: var(--argan-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(--argan-shadow-lg);\n}\n\n.argan-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.argan-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.argan-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.argan-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(--argan-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.argan-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.argan-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.argan-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.argan-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.6;\n}\n\n\/* === SECTIONS === *\/\n.argan-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.argan-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--argan-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.argan-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(--argan-primary), var(--argan-accent));\n border-radius: 2px;\n}\n\n.argan-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--argan-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.argan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.argan-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.argan-card {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--argan-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.argan-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--argan-shadow-lg);\n border-color: var(--argan-primary);\n}\n\n.argan-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.argan-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.argan-grid-compact .argan-card {\n padding: 1rem;\n}\n\n.argan-grid-compact .argan-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.argan-grid-compact .argan-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.argan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.argan-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.argan-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--argan-primary), var(--argan-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(224,120,48,.3);\n}\n\n.argan-timeline-content {\n flex: 1;\n background: var(--argan-white);\n padding: 1rem 1.25rem;\n border-radius: var(--argan-radius-sm);\n box-shadow: var(--argan-shadow);\n}\n\n.argan-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.argan-timeline-content p {\n font-size: 14px;\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.argan-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--argan-primary-light);\n border-radius: var(--argan-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--argan-primary);\n}\n\n.argan-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.argan-tip p {\n font-size: 14px;\n color: var(--argan-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.argan-composition-box {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--argan-shadow);\n text-align: center;\n}\n\n.argan-composition-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.argan-composition-icon {\n font-size: 48px;\n}\n\n.argan-composition-header strong {\n font-size: 18px;\n color: var(--argan-secondary);\n display: block;\n}\n\n.argan-composition-header p {\n font-size: 16px;\n color: var(--argan-primary);\n font-weight: 600;\n font-style: italic;\n margin: .25rem 0 0 0;\n}\n\n.argan-composition-note {\n font-size: 13px;\n color: var(--argan-text-light);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.argan-composition-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.argan-composition-details span {\n background: var(--argan-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--argan-primary-dark);\n}\n\n.argan-composition-text {\n font-size: 14px;\n color: var(--argan-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.argan-accordion {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n box-shadow: var(--argan-shadow);\n overflow: hidden;\n}\n\n.argan-accordion-item {\n border-bottom: 1px solid var(--argan-border);\n margin: 0;\n padding: 0;\n}\n\n.argan-accordion-item:last-child {\n border-bottom: none;\n}\n\n.argan-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--argan-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.argan-accordion-header:hover {\n background: var(--argan-primary-light);\n}\n\n.argan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.argan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--argan-primary);\n transition: transform .2s ease;\n}\n\n.argan-accordion-item[open] .argan-accordion-header::after {\n content: '−';\n}\n\n.argan-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--argan-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.argan-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.argan-cta-box {\n background: linear-gradient(135deg, var(--argan-primary) 0%, var(--argan-primary-dark) 100%);\n border-radius: var(--argan-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.argan-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.argan-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.argan-disclaimer {\n font-size: 12px;\n color: var(--argan-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 .argan-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .argan-card {\n padding: 1.125rem;\n }\n \n .argan-section {\n margin-bottom: 1.75rem;\n }\n \n .argan-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--argan-radius-sm);\n }\n \n .argan-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .argan-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .argan-grid-compact {\n gap: .625rem;\n }\n \n .argan-grid-compact .argan-card {\n padding: .75rem;\n }\n \n .argan-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .argan-timeline-content {\n padding: .875rem 1rem;\n }\n \n .argan-timeline-content h3 {\n font-size: 14px;\n }\n \n .argan-timeline-content p {\n font-size: 13px;\n }\n \n .argan-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .argan-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .argan-tip {\n padding: .875rem 1rem;\n }\n \n .argan-tip-icon {\n font-size: 20px;\n }\n \n .argan-tip p {\n font-size: 13px;\n }\n \n .argan-composition-box {\n padding: 1.25rem;\n }\n \n .argan-composition-icon {\n font-size: 36px;\n }\n \n .argan-composition-header {\n flex-direction: column;\n gap: .5rem;\n }\n \n .argan-composition-details {\n gap: .5rem;\n }\n \n .argan-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .argan-card {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-card:nth-child(1) { animation-delay: .05s; }\n .argan-card:nth-child(2) { animation-delay: .1s; }\n .argan-card:nth-child(3) { animation-delay: .15s; }\n .argan-card:nth-child(4) { animation-delay: .2s; }\n .argan-card:nth-child(5) { animation-delay: .25s; }\n .argan-card:nth-child(6) { animation-delay: .3s; }\n \n .argan-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-timeline-item:nth-child(1) { animation-delay: .1s; }\n .argan-timeline-item:nth-child(2) { animation-delay: .2s; }\n .argan-timeline-item: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 .argan-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928079782265,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-80-ml-najel-lifestyle.webp?v=1769157278"},{"product_id":"huile-de-nigelle-125-ml-najel","title":"Huile de Nigelle Bio – 125 ml – Najel","description":"\u003cdiv class=\"nig-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nig-hero\"\u003e\n \u003cdiv class=\"nig-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nig-hero-content\"\u003e\n \u003cdiv class=\"nig-badges-top\"\u003e\n \u003cspan class=\"nig-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e🧴 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nig-hero-title\"\u003eHuile de Nigelle Bio – 125 ml – Najel\u003c\/span\u003e\n \u003cp class=\"nig-subtitle\"\u003eLe trésor millénaire du Moyen-Orient pour votre peau et vos cheveux\u003c\/p\u003e\n \u003cp class=\"nig-description\"\u003eHuile végétale de cumin noir obtenue par pression à froid, certifiée bio. Purifiante, apaisante et protectrice — un soin ancestral dans un flacon pompe pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eHuile de nigelle bio Najel : un trésor purificateur pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eUtilisée depuis plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e au Moyen-Orient, l'huile de nigelle — ou huile de cumin noir — est l'une des huiles végétales les plus précieuses de la cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des graines de \u003cem\u003eNigella sativa\u003c\/em\u003e pour préserver 100 % des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio européenne garantissant une qualité irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003eFormat pratique de 125 ml pour une application précise et hygiénique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur — uniquement de l'huile de nigelle biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de nigelle pour la peau\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle agit sur plusieurs fronts pour sublimer votre peau.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum et apaise les peaux sujettes à l'acné, aux boutons et aux points noirs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePropriétés anti-inflammatoires naturelles idéales pour les peaux sensibles, l'eczéma ou les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLutte contre le vieillissement cutané prématuré en neutralisant les radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💧 Hydratation et régénération\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches en profondeur et soutient le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eBienfait de l'huile de nigelle pour les cheveux\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eAppliquée en bain d'huile avant le shampoing, l'huile de nigelle nourrit intensément le cuir chevelu, aide à réduire les pellicules et renforce la fibre capillaire de la racine jusqu'aux pointes. Si vous souffrez de cheveux ternes, cassants ou d'une chute excessive, c'est un soin naturel à essayer absolument.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eRéduit les démangeaisons et les pellicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💪 Fibre renforcée\u003c\/h3\u003e\n \u003cp\u003eDe la racine aux pointes pour des cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et vitalité aux cheveux ternes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌿 Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSoutient la croissance capillaire et limite la casse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de nigelle bio ?\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eSon flacon pompe rend l'application simple et précise. Voici comment en profiter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"nig-timeline\"\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes le soir sur peau propre, en massant délicatement. Vous pouvez aussi l'ajouter à votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🤲 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones irritées ou sèches (coudes, genoux, articulations) avec quelques pressions de pompe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, répartissez l'huile sur le cuir chevelu et les longueurs, laissez poser 30 minutes à 1 heure, puis lavez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle pour les fortifier et nourrir les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-tip\"\u003e\n \u003cspan class=\"nig-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de nigelle possède une odeur puissante et caractéristique. Si elle vous semble trop prononcée, mélangez-la avec une huile plus douce comme l'huile de jojoba ou d'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eRassurez-vous : en usage cosmétique externe, l'huile de nigelle est parfaitement sûre pour la grande majorité des personnes. Il convient toutefois de réaliser un \u003cstrong\u003etest cutané au pli du coude\u003c\/strong\u003e avant la première utilisation, surtout si vous avez une peau réactive. En cas de grossesse ou de traitement médical en cours, demandez conseil à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nig-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nig-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003eNigella sativa seed oil* (*issu de l'agriculture biologique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💎 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % huile végétale de nigelle, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e125 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic (label bio)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe en plastique ambré, protégeant l'huile de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile à l'abri de la chaleur et de la lumière directe pour préserver toutes ses qualités. Le flacon ambré assure une protection optimale contre l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🌍 Origine\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eGraines de nigelle issues du Moyen-Orient, berceau historique de cette plante millénaire. Najel perpétue un savoir-faire ancestral dans le respect des traditions orientales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le soin ancestral le plus précieux du Moyen-Orient — certifié bio, pur et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nig-cream: #faf6f1;\n --nig-white: #ffffff;\n --nig-primary: #d48b2c;\n --nig-primary-dark: #3d2b1a;\n --nig-primary-light: #fdf0dc;\n --nig-secondary: #e6a23c;\n --nig-accent: #c47a1e;\n --nig-text: #1a1a1a;\n --nig-text-light: #5a5a5a;\n --nig-border: #e8ddd0;\n --nig-shadow: 0 4px 24px rgba(61,43,26,.08);\n --nig-shadow-lg: 0 12px 48px rgba(61,43,26,.15);\n --nig-radius: 20px;\n --nig-radius-sm: 12px;\n}\n\n.nig-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nig-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nig-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2b1a 0%, #6b4423 40%, #d48b2c 100%);\n border-radius: var(--nig-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(--nig-shadow-lg);\n}\n\n.nig-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(212,139,44,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(230,162,60,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(196,122,30,.08) 0%, transparent 45%);\n opacity: 1;\n}\n\n.nig-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nig-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.nig-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.nig-description {\n color: rgba(255,255,255,.8);\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.nig-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nig-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(--nig-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nig-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nig-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nig-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nig-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.nig-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(--nig-primary), var(--nig-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nig-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-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.nig-card {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nig-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nig-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nig-shadow-lg);\n border-color: var(--nig-primary);\n}\n\n.nig-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nig-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nig-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nig-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nig-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nig-grid-compact .nig-card {\n padding: 1rem;\n}\n\n.nig-grid-compact .nig-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nig-grid-compact .nig-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nig-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nig-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nig-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nig-primary), var(--nig-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.nig-timeline-content {\n flex: 1;\n background: var(--nig-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nig-radius-sm);\n box-shadow: var(--nig-shadow);\n}\n\n.nig-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nig-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nig-timeline-content p {\n font-size: 14px;\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nig-testimonial {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nig-shadow);\n border-left: 4px solid var(--nig-primary);\n}\n\n.nig-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nig-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nig-primary-light);\n border-radius: var(--nig-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nig-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nig-tip p {\n font-size: 14px;\n color: var(--nig-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nig-accordion {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n box-shadow: var(--nig-shadow);\n overflow: hidden;\n}\n\n.nig-accordion-item {\n border-bottom: 1px solid var(--nig-border);\n margin: 0;\n padding: 0;\n}\n\n.nig-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nig-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nig-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.nig-accordion-header:hover {\n background: var(--nig-primary-light);\n}\n\n.nig-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nig-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nig-primary);\n transition: transform .2s ease;\n}\n\n.nig-accordion-item[open] .nig-accordion-header::after {\n content: '−';\n}\n\n.nig-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nig-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nig-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.nig-cta-box {\n background: linear-gradient(135deg, var(--nig-primary) 0%, var(--nig-primary-dark) 100%);\n border-radius: var(--nig-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nig-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.nig-disclaimer {\n font-size: 12px;\n color: var(--nig-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .nig-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nig-card {\n padding: 1.125rem;\n }\n\n .nig-section {\n margin-bottom: 1.75rem;\n }\n\n .nig-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nig-radius-sm);\n }\n\n .nig-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nig-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nig-grid-compact {\n gap: .625rem;\n }\n\n .nig-grid-compact .nig-card {\n padding: .75rem;\n }\n\n .nig-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nig-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nig-timeline-content h3 {\n font-size: 14px;\n }\n\n .nig-timeline-content p {\n font-size: 13px;\n }\n\n .nig-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nig-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nig-testimonial {\n padding: 1.25rem;\n }\n\n .nig-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nig-card {\n animation: nigFadeInUp .5s ease backwards;\n }\n .nig-card:nth-child(1) { animation-delay: .05s; }\n .nig-card:nth-child(2) { animation-delay: .1s; }\n .nig-card:nth-child(3) { animation-delay: .15s; }\n .nig-card:nth-child(4) { animation-delay: .2s; }\n .nig-card:nth-child(5) { animation-delay: .25s; }\n .nig-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nigFadeInUp {\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 .nig-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928145285497,"sku":"NJ0185","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-125-ml-najel-packshothd.webp?v=1787565698"},{"product_id":"huile-de-coco-bio-100-g-najel","title":"Huile de Coco bio - 100 g - Najel","description":"\u003cdiv class=\"hc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hc-hero\"\u003e\n\u003cdiv class=\"hc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hc-hero-content\"\u003e\n\u003cdiv class=\"hc-badges-top\"\u003e\n\u003cspan class=\"hc-badge\"\u003e🌴 100% naturelle\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hc-hero-title\"\u003eHuile de Coco Bio\u003c\/span\u003e\n\u003cp class=\"hc-subtitle\"\u003eLe trésor tropical pour votre peau et vos cheveux\u003c\/p\u003e\n\u003cp class=\"hc-description\"\u003ePure, pressée à froid et certifiée bio. Un seul produit pour nourrir, protéger et sublimer l'ensemble de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003ePourquoi l'huile de coco bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne composition exceptionnelle qui en fait l'une des huiles végétales les plus complètes au monde.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🥥 Acide laurique (~50%)\u003c\/h3\u003e\n\u003cp\u003eCet acide gras aux propriétés remarquables aide à maintenir l'équilibre naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eForment un film protecteur qui limite la perte d'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌟 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003eAntioxydant reconnu qui contribue à préserver la jeunesse de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux huiles raffinées, cette huile pressée à froid n'a subi aucun traitement chimique. Vous bénéficiez de tous ses bienfaits dans leur forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eL'huile de coco sur les cheveux : un soin profond et réparateur\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eCheveux secs, abîmés ou difficiles à coiffer ? Découvrez pourquoi elle fait des merveilles sur la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🔬 Pénétration en profondeur\u003c\/h3\u003e\n\u003cp\u003eContrairement à d'autres huiles qui restent en surface, elle nourrit véritablement de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, soleil, eau de mer... vos cheveux sont mieux armés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eFini les cheveux ternes, ils retrouvent tout leur éclat et leur vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eLes nœuds se défont plus aisément, sans casser ni fragiliser la fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette d'huile\u003c\/h3\u003e\n\u003cp\u003eElle se liquéfie au contact de la chaleur de vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur longueurs et pointes\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour bien répartir le soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 30 min à toute une nuit\u003c\/h3\u003e\n\u003cp\u003ePour un soin intensif, optez pour la pose nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLavez avec votre shampoing habituel\u003c\/h3\u003e\n\u003cp\u003eRépétez une fois par semaine pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce anti-frisottis :\u003c\/strong\u003e appliquez une infime quantité sur cheveux secs pour dompter les frisottis sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eUn soin nourrissant pour le visage et le corps\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne huile polyvalente qui s'adapte à toutes les zones qui réclament nutrition et douceur.\u003c\/p\u003e\n\u003cdiv class=\"hc-dual-grid\"\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémaquillant naturel\u003c\/strong\u003e – Dissout même le maquillage waterproof tout en nourrissant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin de nuit\u003c\/strong\u003e – Une fine couche pour une peau souple et repulpée au réveil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBaume à lèvres\u003c\/strong\u003e – Parfait pour réparer les lèvres gercées en hiver\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation après la douche\u003c\/strong\u003e – Pénètre rapidement sur peau humide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin zones très sèches\u003c\/strong\u003e – Coudes, talons, genoux retrouvent leur souplesse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de massage\u003c\/strong\u003e – Texture fondante et parfum délicat de coco\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💆\u003c\/span\u003e\n\u003cp\u003eLes peaux sensibles et réactives l'apprécient particulièrement pour ses propriétés apaisantes naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eLa certification Cosmos Organic : une garantie de qualité\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eLe label Cosmos Organic n'est pas qu'un simple logo. C'est l'assurance d'un produit d'exception.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid-compact\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌱 Origine biologique\u003c\/h3\u003e\n\u003cp\u003eIngrédients certifiés bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eParabènes, silicones... exclus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌍 Fabrication éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDu champ au pot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eComposition\u003cspan class=\"hc-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"hc-composition-box\"\u003e\n\u003cdiv class=\"hc-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hc-composition-inci\"\u003e\u003cstrong\u003e🥥 INCI :\u003c\/strong\u003e Cocos Nucifera Oil*\u003c\/p\u003e\n\u003cp class=\"hc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-composition-badge\"\u003e\n\u003cspan\u003e100% d'origine naturelle\u003c\/span\u003e \u003cspan\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eL'huile de coco se solidifie en dessous de 25°C. C'est parfaitement normal et ne diminue en rien ses qualités.\u003c\/p\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez la quantité souhaitée\u003c\/h3\u003e\n\u003cp\u003eUtilisez une spatule propre pour préserver l'hygiène du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez entre vos paumes\u003c\/h3\u003e\n\u003cp\u003eL'huile fond instantanément au contact de la chaleur corporelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur la zone à traiter\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour favoriser la pénétration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-accordion\"\u003e\n\u003cdetails class=\"hc-accordion-item\"\u003e\n\u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hc-accordion-content\"\u003e\n\u003cp\u003eGardez le pot à l'abri de la lumière directe et de l'humidité. Bien refermé, il se conserve plusieurs mois sans problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile de coco bio ?\u003c\/h2\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eNutrition intense pour retrouver confort et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou ternes\u003c\/h3\u003e\n\u003cp\u003eRéparation profonde et brillance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🎯 Adeptes du minimalisme\u003c\/h3\u003e\n\u003cp\u003eUn seul produit multi-usages pour simplifier votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eSoins certifiés bio et composition irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance acnéique, testez d'abord sur une petite zone car l'huile de coco peut être comédogène pour certains types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"hc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNajel : l'expertise des soins naturels depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"hc-testimonial\"\u003e\n\u003cp class=\"hc-testimonial-text\"\u003eLa maison Najel perpétue depuis plus d'un siècle un savoir-faire unique dans la fabrication de produits de soin naturels. Connue mondialement pour son authentique savon d'Alep, la marque propose une gamme complète d'huiles végétales biologiques, toutes sélectionnées avec le même souci d'excellence et de pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-cta-box\"\u003e\n\u003cp\u003e🥥 \u003cstrong\u003e100 g\u003c\/strong\u003e de pur trésor tropical pour sublimer votre peau et vos cheveux au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hc-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --hc-cream: #FDF8F3;\n --hc-white: #ffffff;\n --hc-primary: #C9A86C;\n --hc-primary-dark: #4A3D35;\n --hc-primary-light: #F5EDE0;\n --hc-secondary: #8B7355;\n --hc-accent: #E8D5B5;\n\n \/* Textes *\/\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --hc-border: #e0e0e0;\n --hc-shadow: 0 4px 24px rgba(74,61,53,.08);\n --hc-shadow-lg: 0 12px 48px rgba(74,61,53,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #A88B5A 50%, #4A3D35 100%);\n border-radius: var(--hc-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(--hc-shadow-lg);\n}\n\n.hc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 35 35, 30 55 C25 35, 15 25, 5 20 C15 20, 25 15, 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.hc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hc-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.hc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hc-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(--hc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.hc-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.hc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hc-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.hc-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(--hc-primary), var(--hc-secondary));\n border-radius: 2px;\n}\n\n.hc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hc-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hc-shadow-lg);\n border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n font-size: 12px;\n}\n\n\/* === DUAL GRID (visage\/corps) === *\/\n.hc-dual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.hc-dual-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-dual-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--hc-primary-light);\n}\n\n.hc-dual-icon {\n font-size: 28px;\n}\n\n.hc-dual-header h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0;\n}\n\n.hc-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hc-list li {\n padding: .625rem 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n line-height: 1.6;\n border-bottom: 1px solid var(--hc-border);\n}\n\n.hc-list li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.hc-list li strong {\n color: var(--hc-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.hc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hc-primary), var(--hc-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.hc-timeline-content {\n flex: 1;\n background: var(--hc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hc-radius-sm);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n font-size: 14px;\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hc-primary-light);\n border-radius: var(--hc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hc-tip p {\n font-size: 14px;\n color: var(--hc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hc-composition-box {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid var(--hc-primary);\n}\n\n.hc-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.hc-composition-icon {\n font-size: 48px;\n}\n\n.hc-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-composition-note {\n font-size: 14px;\n color: var(--hc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.hc-composition-badge {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.hc-composition-badge span {\n background: var(--hc-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--hc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n box-shadow: var(--hc-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.hc-accordion-item {\n border-bottom: 1px solid var(--hc-border);\n margin: 0;\n padding: 0;\n}\n\n.hc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hc-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.hc-accordion-header:hover {\n background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hc-primary);\n transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n content: '−';\n}\n\n.hc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.hc-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border-left: 4px solid var(--hc-primary);\n margin-bottom: 1.5rem;\n}\n\n.hc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hc-cta-box {\n background: linear-gradient(135deg, var(--hc-primary) 0%, var(--hc-primary-dark) 100%);\n border-radius: var(--hc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hc-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.hc-disclaimer {\n font-size: 12px;\n color: var(--hc-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 .hc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-card {\n padding: 1.125rem;\n }\n \n .hc-section {\n margin-bottom: 1.75rem;\n }\n \n .hc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hc-radius-sm);\n }\n \n .hc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hc-grid-compact {\n gap: .625rem;\n }\n \n .hc-grid-compact .hc-card {\n padding: .75rem;\n }\n \n .hc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hc-timeline-content h3 {\n font-size: 14px;\n }\n \n .hc-timeline-content p {\n font-size: 13px;\n }\n \n .hc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hc-testimonial {\n padding: 1.25rem;\n }\n \n .hc-testimonial-text {\n font-size: 14px;\n }\n \n .hc-dual-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-dual-card {\n padding: 1.25rem;\n }\n \n .hc-composition-header {\n flex-direction: column;\n text-align: center;\n }\n \n .hc-composition-badge {\n justify-content: center;\n }\n \n .hc-composition-badge span {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hc-card:nth-child(1) { animation-delay: .05s; }\n .hc-card:nth-child(2) { animation-delay: .1s; }\n .hc-card:nth-child(3) { animation-delay: .15s; }\n .hc-card:nth-child(4) { animation-delay: .2s; }\n .hc-card:nth-child(5) { animation-delay: .25s; }\n .hc-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 .hc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931012485497,"sku":"NJ0210","price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-coco-bio-100-g-najel-lifestyle.webp?v=1769156040"},{"product_id":"huile-de-jojoba-najel","title":"Huile de Jojoba bio - Rééquilibrante – 80 ml – Najel","description":"\u003cdiv class=\"jjb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"jjb-hero\"\u003e\n\u003cdiv class=\"jjb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"jjb-hero-content\"\u003e\n\u003cdiv class=\"jjb-badges-top\"\u003e\n\u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e🇵🇪 Origine Pérou\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jjb-hero-title\"\u003eHuile de Jojoba Bio\u003c\/span\u003e\n\u003cp class=\"jjb-subtitle\"\u003eLe secret des déserts sud-américains pour une peau et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"jjb-description\"\u003eUne huile précieuse extraite par première pression à froid, à la composition étonnamment proche du sébum naturel de votre peau. Absorption exceptionnelle, zéro effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend l'huile de jojoba si particulière ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eContrairement aux autres huiles végétales, l'huile de jojoba est en réalité une cire liquide. Cette caractéristique unique explique pourquoi elle pénètre si facilement dans l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧬 Cire liquide naturelle\u003c\/h3\u003e\n\u003cp\u003eQualifiée d'« huile sèche », elle ne laisse aucun film collant et convient parfaitement aux personnes qui redoutent l'effet gras des huiles classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🫒 Riche en oméga-9\u003c\/h3\u003e\n\u003cp\u003eAcides gras essentiels pour une protection et une nutrition en profondeur de votre peau et de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui préserve l'éclat de votre peau et protège contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Céramides végétales\u003c\/h3\u003e\n\u003cp\u003eRenforcent la barrière cutanée pour une peau protégée et confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⏳ Stabilité exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eSe conserve longtemps sans rancir, un avantage non négligeable pour votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💨 Absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément grâce à sa composition proche du sébum naturel de 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=\"jjb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de jojoba pour le visage\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eUn soin complet qui s'adapte intelligemment à vos besoins cutanés, quel que soit votre type de peau.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n\u003cp\u003eEn mimant le sébum naturel, elle signale à vos glandes sébacées de réduire leur production. Résultat : peau moins brillante et pores moins visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et limite les pertes d'eau. Votre peau reste souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eSes antioxydants naturels préservent l'élasticité de la peau et atténuent les premiers signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003ePeaux sensibles, réactives ou sujettes aux rougeurs : cette huile douce calme et réconforte sans jamais agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Démaquillage efficace\u003c\/h3\u003e\n\u003cp\u003eDissout parfaitement le maquillage, même waterproof, tout en prenant soin de la zone délicate du contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eL'huile de jojoba pour les cheveux : un soin révélateur d'éclat\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eVos cheveux méritent aussi les bienfaits de ce précieux élixir qui agit à plusieurs niveaux pour transformer votre chevelure.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌾 Nutrition des longueurs\u003c\/h3\u003e\n\u003cp\u003ePénètre la fibre capillaire pour la nourrir de l'intérieur. Les cheveux secs et abîmés retrouvent douceur et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent pour apporter un éclat sain à vos cheveux, sans les alourdir ni les graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eQu'il soit trop sec ou trop gras, votre cuir chevelu bénéficie des propriétés régulatrices. Apaise démangeaisons et réduit les pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, pollution, UV… forme un voile protecteur léger sur votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💪 Renforcement des racines\u003c\/h3\u003e\n\u003cp\u003eEn massage sur le cuir chevelu, elle stimule la microcirculation et favorise des cheveux plus forts et plus vigoureux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"jjb-timeline\"\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Soin quotidien\u003c\/h3\u003e\n\u003cp\u003ePrélevez 2 à 3 gouttes dans le creux de votre main. Chauffez légèrement en frottant vos paumes, puis appliquez par légers tapotements sur l'ensemble du visage. Seule le soir ou le matin sous votre crème de jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Démaquillage\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes directement sur un coton réutilisable ou massez sur peau sèche pour dissoudre le maquillage. Rincez ensuite à l'eau tiède ou poursuivez avec votre nettoyant habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau encore légèrement humide, appliquez généreusement et massez jusqu'à absorption complète. Cette technique scelle l'hydratation pour une peau douce et veloutée toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez l'huile sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et laissez poser 30 minutes minimum, voire toute la nuit pour un soin intensif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSoin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou essorés, appliquez une noisette d'huile uniquement sur les longueurs et les pointes. Idéal pour dompter les frisottis et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMassage du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine, massez délicatement votre cuir chevelu avec quelques gouttes pour stimuler la circulation sanguine et favoriser la santé de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eLa beauté de l'huile de jojoba réside dans son universalité. Elle s'adapte à tous les besoins.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid-compact\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌟 Peaux grasses \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum sans aggraver les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNutrition et confort en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n\u003cp\u003ePréserve éclat et élasticité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSoin doux et apaisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💇 Cheveux fragilisés\u003c\/h3\u003e\n\u003cp\u003eCure de vitalité et brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Cuirs chevelus\u003c\/h3\u003e\n\u003cp\u003eRééquilibre gras ou pellicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLa qualité Najel : une huile d'exception\u003c\/h2\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une huile issue de l'agriculture biologique, produite dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction douce qui préserve l'intégralité des nutriments et principes actifs de la graine de jojoba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. Une huile 100% pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🇵🇪 Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec soin au Pérou, berceau des plantations de jojoba de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e📦 Format pratique 80 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon avec pompe permettant un dosage précis et une utilisation hygiénique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"jjb-testimonial\"\u003e\n\u003cp class=\"jjb-testimonial-text\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Simmondsia Chinensis (Jojoba) Seed Oil*\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003e*100% des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cp style=\"margin-top: 0.5rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003eCertifié Cosmos Organic par Ecocert Greenlife selon le référentiel Cosmos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"jjb-accordion\"\u003e\n\u003cdetails class=\"jjb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eConservez votre huile de jojoba à l'abri de la lumière directe et de la chaleur excessive. Grâce à sa composition stable, elle se conserve naturellement plusieurs mois après ouverture sans altération de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jjb-accordion-item\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"jjb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"jjb-cta-box\"\u003e\n\u003cp\u003e✨ Faites le choix d'une beauté simple et authentique avec l'huile de jojoba certifiée bio de Najel. Un seul ingrédient, des bienfaits multiples pour votre peau et vos cheveux. Intégrez-la dès maintenant à votre routine et découvrez par vous-même pourquoi cette huile est devenue un incontournable des soins naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --jjb-cream: #F7F5F0;\n --jjb-white: #ffffff;\n --jjb-primary: #C9A86C;\n --jjb-primary-dark: #8B7355;\n --jjb-primary-light: #F5EDE0;\n --jjb-secondary: #D4A574;\n --jjb-accent: #A67C52;\n --jjb-text: #2D2A26;\n --jjb-text-light: #6B635A;\n --jjb-border: #E8E2D9;\n --jjb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #A67C52 100%);\n border-radius: var(--jjb-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(--jjb-shadow-lg);\n}\n\n.jjb-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.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 41c-2.5 0-4.5 2-4.5 4.5S27.5 55 30 55s4.5-2 4.5-4.5S32.5 46 30 46zm-20-20c0-2.5-2-4.5-4.5-4.5S1 23.5 1 26s2 4.5 4.5 4.5S10 28.5 10 26zm49 0c0-2.5-2-4.5-4.5-4.5S50 23.5 50 26s2 4.5 4.5 4.5S59 28.5 59 26z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-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(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-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.jjb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.jjb-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.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-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.jjb-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(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-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.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(201,168,108,.3);\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-testimonial {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-primary);\n text-align: center;\n}\n\n.jjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-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.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0;\n}\n\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-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 .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .jjb-card {\n padding: 1.125rem;\n }\n \n .jjb-section {\n margin-bottom: 1.75rem;\n }\n \n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n \n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .jjb-grid-compact {\n gap: .625rem;\n }\n \n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n \n .jjb-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .jjb-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n \n .jjb-timeline-content p {\n font-size: 13px;\n }\n \n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .jjb-testimonial {\n padding: 1.25rem;\n }\n \n .jjb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931040371065,"sku":"NJ0215","price":12.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-certifiee-bio-80-ml-najel-lifestyle.webp?v=1769090755"},{"product_id":"beurre-de-karite-vanille-najel","title":"Beurre de Karité Parfum Vanille - 100 g - Najel","description":"\u003cdiv class=\"nk-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"nk-hero\"\u003e\n\u003cdiv class=\"nk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nk-hero-content\"\u003e\n\u003cdiv class=\"nk-badges-top\"\u003e\n\u003cspan class=\"nk-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nk-badge\"\u003e🍃 100% naturel\u003c\/span\u003e \u003cspan class=\"nk-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nk-hero-title\"\u003eBeurre de Karité Parfum Vanille\u003c\/span\u003e\n\u003cp class=\"nk-subtitle\"\u003eNajel • 100 g de douceur bio\u003c\/p\u003e\n\u003cp class=\"nk-description\"\u003eUn soin onctueux et gourmand pour nourrir intensément votre peau et vos cheveux, tout en vous enveloppant d'une fragrance vanillée irrésistible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eQu'est-ce que le beurre de karité et pourquoi l'adopter ?\u003c\/h2\u003e\n\u003cp class=\"nk-section-intro\"\u003eExtrait des noix du karité, un arbre majestueux des savanes d'Afrique de l'Ouest, ce trésor végétal est utilisé depuis des siècles pour ses propriétés exceptionnelles.\u003c\/p\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003ePénètre les couches de l'épiderme pour nourrir les peaux les plus desséchées en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🩹 Réparation \u0026amp; apaisement\u003c\/h3\u003e\n\u003cp\u003eRépare et calme les épidermes fragilisés, irrités ou agressés par le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eCrée un bouclier contre le froid, le vent et la pollution pour préserver votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e✨ Nutrition capillaire\u003c\/h3\u003e\n\u003cp\u003eRevitalise les cheveux secs, abîmés ou crépus en leur redonnant souplesse et brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-tip\"\u003e\n\u003cspan class=\"nk-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRichesse nutritive :\u003c\/strong\u003e acides gras essentiels (oléique, stéarique, linoléique) + vitamines A, D, E et F pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eLes atouts de ce beurre de karité \u003c\/h2\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n\u003cp\u003eUn véritable extrait de vanille (pas un arôme synthétique) transforme chaque application en moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌱 Cosmos Organic certifié\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un produit bio respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧈 Texture fondante\u003c\/h3\u003e\n\u003cp\u003eSe liquéfie instantanément au contact de la chaleur corporelle pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003ePartenariat avec des coopératives de femmes au Burkina Faso pour un commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧴 Format nomade 100 g\u003c\/h3\u003e\n\u003cp\u003eCompact et pratique, il se glisse facilement dans votre sac ou vos bagages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003e100% d'ingrédients d'origine naturelle, sans conservateur chimique ni parfum artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité sur les cheveux ?\u003c\/h2\u003e\n\u003cp class=\"nk-section-intro\"\u003eCheveux secs, frisés, crépus ou en quête de brillance : découvrez trois façons d'intégrer ce soin à votre routine capillaire.\u003c\/p\u003e\n\u003cdiv class=\"nk-timeline\"\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e🧖♀️ Masque avant-shampoing\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur cheveux secs, des racines aux pointes. Laissez poser 30 min à 1h (ou toute la nuit pour un soin intensif), puis procédez au shampoing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eFaites fondre une petite quantité entre vos paumes et appliquez sur les pointes sèches ou fourchues. Scelle l'hydratation et prévient la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e🌀 Définition des boucles\u003c\/h3\u003e\n\u003cp\u003eSur cheveux humides, travaillez une noisette pour définir vos boucles et lutter contre les frisottis. La fragrance vanillée parfume délicatement votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eLes bienfaits pour le visage et le corps\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid-compact\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e😴 Visage\u003c\/h3\u003e\n\u003cp\u003eCrème de nuit peaux très sèches ou baume à lèvres naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche sur peau humide pour une hydratation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🦶 Zones rugueuses\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent douceur et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e☀️ Après-soleil\u003c\/h3\u003e\n\u003cp\u003eApaise et répare la peau après une exposition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et nourrit l'épiderme fragilisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🤰 Vergetures\u003c\/h3\u003e\n\u003cp\u003eAméliore l'élasticité et aide à prévenir les marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"nk-composition-box\"\u003e\n\u003cp class=\"nk-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Vanilla Planifolia Fruit Extract, Tocopherol, Helianthus Annuus Seed Oil.\u003c\/p\u003e\n\u003cp class=\"nk-bio-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité pur\u003c\/h3\u003e\n\u003cp\u003eButyrospermum Parkii Butter – agent nourrissant et protecteur principal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Extrait de vanille\u003c\/h3\u003e\n\u003cp\u003eVanilla Planifolia – parfum naturel gourmand et enveloppant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💊 Vitamine E\u003c\/h3\u003e\n\u003cp\u003eTocopherol – antioxydant naturel qui protège la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003eHelianthus Annuus – émollient naturel pour une texture parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eConseils d'application pour un résultat optimal\u003c\/h2\u003e\n\u003cdiv class=\"nk-timeline\"\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité suffit : environ une noisette selon la zone à traiter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez\u003c\/h3\u003e\n\u003cp\u003eFaites fondre le beurre entre vos paumes jusqu'à obtenir une texture huileuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eAppliquez en mouvements circulaires sur la zone souhaitée (évitez le contour des yeux).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir\u003c\/h3\u003e\n\u003cp\u003eUtilisez de préférence le soir pour laisser le produit pénétrer pendant la nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-tip\"\u003e\n\u003cspan class=\"nk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps froid, le beurre peut durcir. Placez le pot quelques minutes près d'une source de chaleur douce pour retrouver sa texture onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003ePourquoi choisir Najel plutôt qu'un autre beurre de karité ?\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSoutien aux productrices africaines via un commerce équitable et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic + origine 100% naturelle vérifiée et contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Parfum authentique\u003c\/h3\u003e\n\u003cp\u003eVéritable extrait de vanille, pas un arôme synthétique comme chez d'autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💰 Excellent rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003e100 g de beurre premium certifié bio à un tarif accessible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🎯 Polyvalence totale\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour le visage, le corps et les cheveux : simplifiez votre routine !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid-compact\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eHydratation intense pour les peaux en manque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce et naturelle bien tolérée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💇♀️ Cheveux secs\u003c\/h3\u003e\n\u003cp\u003eSecs, abîmés, colorés ou crépus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eAlternative aux crèmes conventionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous, des plus petits aux plus grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍪 Gourmand(e)s\u003c\/h3\u003e\n\u003cp\u003eAmateurs de parfums doux et réconfortants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"nk-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"nk-accordion\"\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🧪 Test préalable\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude 24h avant la première utilisation en cas de peau très réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux et le contour des yeux lors de l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver toutes les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eLes personnes allergiques aux fruits à coque doivent consulter un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"nk-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nk-cream: #FDF8F6;\n --nk-white: #ffffff;\n --nk-primary: #D4A5A0;\n --nk-primary-dark: #8B5A55;\n --nk-primary-light: #F5E8E6;\n --nk-secondary: #2D2926;\n --nk-accent: #C9956C;\n --nk-text: #1a1a1a;\n --nk-text-light: #5a5a5a;\n --nk-border: #e8e0de;\n --nk-shadow: 0 4px 24px rgba(139,90,85,.08);\n --nk-shadow-lg: 0 12px 48px rgba(139,90,85,.15);\n --nk-radius: 20px;\n --nk-radius-sm: 12px;\n}\n\n.nk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nk-primary) 0%, var(--nk-primary-dark) 50%, var(--nk-secondary) 100%);\n border-radius: var(--nk-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(--nk-shadow-lg);\n}\n\n.nk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,149,108,.2) 0%, transparent 50%);\n opacity: .6;\n}\n\n.nk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nk-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(--nk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nk-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.nk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nk-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.nk-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(--nk-primary), var(--nk-accent));\n border-radius: 2px;\n}\n\n.nk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.nk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.nk-card {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nk-shadow-lg);\n border-color: var(--nk-primary);\n}\n\n.nk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nk-grid-compact .nk-card {\n padding: 1rem;\n}\n\n.nk-grid-compact .nk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nk-grid-compact .nk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nk-primary), var(--nk-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(212,165,160,.4);\n}\n\n.nk-timeline-content {\n flex: 1;\n background: var(--nk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nk-radius-sm);\n box-shadow: var(--nk-shadow);\n}\n\n.nk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nk-timeline-content p {\n font-size: 14px;\n color: var(--nk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nk-primary-light);\n border-radius: var(--nk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nk-tip p {\n font-size: 14px;\n color: var(--nk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.nk-composition-box {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: var(--nk-shadow);\n border-left: 4px solid var(--nk-accent);\n}\n\n.nk-inci {\n font-size: 14px;\n color: var(--nk-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n font-family: 'Courier New', monospace;\n}\n\n.nk-bio-note {\n font-size: 13px;\n color: var(--nk-primary-dark);\n margin: 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.nk-accordion {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n box-shadow: var(--nk-shadow);\n overflow: hidden;\n}\n\n.nk-accordion-item {\n border-bottom: 1px solid var(--nk-border);\n margin: 0;\n padding: 0;\n}\n\n.nk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nk-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.nk-accordion-header:hover {\n background: var(--nk-primary-light);\n}\n\n.nk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nk-primary);\n transition: transform .2s ease;\n}\n\n.nk-accordion-item[open] .nk-accordion-header::after {\n content: '−';\n}\n\n.nk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nk-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.nk-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nk-disclaimer {\n font-size: 12px;\n color: var(--nk-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--nk-primary-light);\n border-radius: var(--nk-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nk-card {\n padding: 1.125rem;\n }\n \n .nk-section {\n margin-bottom: 1.75rem;\n }\n \n .nk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nk-radius-sm);\n }\n \n .nk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nk-grid-compact {\n gap: .625rem;\n }\n \n .nk-grid-compact .nk-card {\n padding: .75rem;\n }\n \n .nk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nk-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nk-timeline-content h3 {\n font-size: 14px;\n }\n \n .nk-timeline-content p {\n font-size: 13px;\n }\n \n .nk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nk-composition-box {\n padding: 1rem;\n }\n \n .nk-badges-top {\n gap: 6px;\n }\n \n .nk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nk-card:nth-child(1) { animation-delay: .05s; }\n .nk-card:nth-child(2) { animation-delay: .1s; }\n .nk-card:nth-child(3) { animation-delay: .15s; }\n .nk-card:nth-child(4) { animation-delay: .2s; }\n .nk-card:nth-child(5) { animation-delay: .25s; }\n .nk-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 .nk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931099779449,"sku":"NJ0235","price":6.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-vanille-100-g-najel-lifestyle_a692b262-6fa2-4aa6-841c-212786eaf8db.webp?v=1778150449"},{"product_id":"baume-soin-coco-bio-najel","title":"Baume soin coco Najel 100 g – Réparateur et protecteur","description":"\u003cdiv class=\"njc-premium\"\u003e\n \u003cdiv class=\"njc-hero\"\u003e\n \u003cdiv class=\"njc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"njc-hero-content\"\u003e\n \u003cdiv class=\"njc-badges-top\"\u003e\n \u003cspan class=\"njc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e✨ Score Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e🥥 Parfum Coco\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e💯 100% Naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"njc-hero-title\"\u003eBaume Soin Coco Najel\u003c\/span\u003e\n \u003cp class=\"njc-subtitle\"\u003eRéparateur \u0026amp; protecteur — 100 g\u003c\/p\u003e\n \u003cp class=\"njc-description\"\u003eUn trésor de nature à base d'huile de coco, d'huile d'olive et de beurre de karité bio pour sublimer peau et cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003cp class=\"njc-section-intro\"\u003e\u003cem\u003e\u003cstrong\u003eLe baume soin coco bio Najel : un trésor de nature pour sublimer peau et cheveux.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n \u003cp class=\"njc-section-intro\"\u003eImaginez un soin capable de répondre à presque toutes les envies de votre peau et de vos cheveux : c'est exactement ce que vous offre le \u003cstrong\u003ebaume soin coco bio Najel\u003c\/strong\u003e. Formulé à partir d'huile de coco, d'huile d'olive et de beurre de karité issus de l'agriculture biologique, il vous accompagne au quotidien grâce à sa texture fondante et son parfum délicatement exotique. Un véritable \u003cstrong\u003ebaume réparateur\u003c\/strong\u003e multi-usages, doux pour toute la famille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce baume coco ?\u003c\/h2\u003e\n \u003cdiv class=\"njc-grid\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur les peaux sèches et les cheveux assoiffés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme une barrière naturelle contre le vent, le froid et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e💋 Soin réparateur visage, corps et lèvres\u003c\/h3\u003e\n \u003cp\u003eIdéal en baume réparateur lèvres, sur les coudes, les mains ou les talons rugueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire revitalisant\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🌸 Texture fondante non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement et laisse un fini soyeux sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle, 84 % bio\u003c\/h2\u003e\n \u003cp class=\"njc-section-intro\"\u003eCette nouvelle formule certifiée \u003cstrong\u003eCosmos Organic par Ecocert Greenlife\u003c\/strong\u003e repose sur une synergie d'ingrédients précieux.\u003c\/p\u003e\n \u003cdiv class=\"njc-grid\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🌰 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum Parkii Butter\u003c\/em\u003e — Riche en vitamines A et E, il nourrit intensément, assouplit et apaise les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e — Source d'acides gras essentiels, elle adoucit la peau et gaine la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOlea Europaea Fruit Oil\u003c\/em\u003e — Antioxydante, elle renforce la barrière cutanée et aide à prévenir les signes du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille \u0026amp; tocophérol\u003c\/h3\u003e\n \u003cp\u003eCire d'abeille, tocophérol naturel et parfum coco issu d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ 100 % d'origine naturelle\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ 84 % bio\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ Score Yuka 100\/100\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003eComment utiliser le baume soin coco Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"njc-timeline\"\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eChauffez-la entre vos paumes pour la rendre fondante et facile à appliquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez en fine couche sur les zones sèches ou abîmées (joues, contour des lèvres).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les coudes, genoux, mains et pieds en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur les lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme baume lèvres réparateur super hydratant matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une touche sur les pointes sèches ou en masque avant shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003ePour qui et pour quels usages ?\u003c\/h2\u003e\n \u003cp class=\"njc-section-intro\"\u003eCe baume convient à toute la famille, y compris aux peaux sensibles. Il remplace avantageusement plusieurs soins de votre salle de bain : \u003cstrong\u003ebaume réparateur visage\u003c\/strong\u003e, soin des lèvres, masque capillaire, baume mains et pieds. Une alternative naturelle, économique et écologique aux soins classiques type \u003cstrong\u003eEucerin baume réparateur\u003c\/strong\u003e ou \u003cstrong\u003eLa Rosée baume SOS\u003c\/strong\u003e, avec l'engagement bio en plus.\u003c\/p\u003e\n \u003cdiv class=\"njc-tip\"\u003e\n \u003cspan class=\"njc-tip-icon\"\u003e🧳\u003c\/span\u003e\n \u003cp\u003eIdéal en hiver pour protéger la peau du froid, ou en été pour apaiser après une exposition au soleil. Glissez-le dans votre sac : son format pot 100 g voyage partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et engagement Najel\u003c\/h2\u003e\n \u003cdiv class=\"njc-testimonial\"\u003e\n \u003cp class=\"njc-testimonial-text\"\u003e\"La marque \u003cstrong\u003eNajel\u003c\/strong\u003e, spécialiste reconnue de la cosmétique naturelle d'inspiration orientale, propose ici un soin éthique, fabriqué dans le respect des matières premières et des traditions. Les utilisateurs apprécient particulièrement sa polyvalence, son parfum gourmand et sa capacité à réparer durablement les peaux les plus sèches.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"njc-disclaimer\"\u003ePrécaution : ce baume est un soin cosmétique. Il ne remplace pas un avis médical en cas de pathologie cutanée. En cas de doute ou de réaction, consultez un professionnel de santé. Réservé à un usage externe, évitez le contour des yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --njc-cream: #f7f1e6;\n --njc-white: #ffffff;\n --njc-primary: #8b6f47;\n --njc-primary-dark: #5a4327;\n --njc-primary-light: #f3ead9;\n --njc-secondary: #c4a472;\n --njc-accent: #b5c44a;\n --njc-text: #2a2218;\n --njc-text-light: #6b5d4a;\n --njc-border: #e8dcc4;\n --njc-shadow: 0 4px 24px rgba(90, 67, 39, .08);\n --njc-shadow-lg: 0 12px 48px rgba(90, 67, 39, .15);\n --njc-radius: 20px;\n --njc-radius-sm: 12px;\n}\n\n.njc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--njc-text);\n line-height: 1.6;\n}\n\n.njc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6f47 0%, #a98759 50%, #c4a472 100%);\n border-radius: var(--njc-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(--njc-shadow-lg);\n}\n\n.njc-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: .5;\n}\n\n.njc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njc-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.njc-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 letter-spacing: .02em;\n}\n\n.njc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.njc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njc-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(--njc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njc-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.njc-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(--njc-primary), var(--njc-secondary));\n border-radius: 2px;\n}\n\n.njc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njc-text-light);\n margin-bottom: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.njc-section-intro strong {\n color: var(--njc-text);\n}\n\n.njc-card {\n background: var(--njc-white);\n border-radius: var(--njc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njc-shadow-lg);\n border-color: var(--njc-primary);\n}\n\n.njc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njc-grid-compact .njc-card {\n padding: 1rem;\n}\n\n.njc-grid-compact .njc-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n}\n\n.njc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njc-primary), var(--njc-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, 111, 71, .3);\n}\n\n.njc-timeline-content {\n flex: 1;\n background: var(--njc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njc-radius-sm);\n box-shadow: var(--njc-shadow);\n}\n\n.njc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njc-timeline-content p {\n font-size: 14px;\n color: var(--njc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.njc-testimonial {\n background: var(--njc-white);\n border-radius: var(--njc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njc-shadow);\n border-left: 4px solid var(--njc-primary);\n}\n\n.njc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.njc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njc-primary-light);\n border-radius: var(--njc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.njc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njc-tip p {\n font-size: 14px;\n color: var(--njc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.njc-disclaimer {\n font-size: 12px;\n color: var(--njc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .njc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .njc-card {\n padding: 1.125rem;\n }\n .njc-section {\n margin-bottom: 1.75rem;\n }\n .njc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njc-radius-sm);\n }\n .njc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .njc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .njc-grid-compact {\n gap: .625rem;\n }\n .njc-grid-compact .njc-card {\n padding: .75rem;\n }\n .njc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .njc-timeline-content {\n padding: .875rem 1rem;\n }\n .njc-timeline-content h3 {\n font-size: 14px;\n }\n .njc-timeline-content p {\n font-size: 13px;\n }\n .njc-testimonial {\n padding: 1.25rem;\n }\n .njc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njc-card {\n animation: njcFadeInUp .5s ease backwards;\n }\n .njc-card:nth-child(1) { animation-delay: .05s; }\n .njc-card:nth-child(2) { animation-delay: .1s; }\n .njc-card:nth-child(3) { animation-delay: .15s; }\n .njc-card:nth-child(4) { animation-delay: .2s; }\n .njc-card:nth-child(5) { animation-delay: .25s; }\n .njc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931183305081,"sku":"NJ0250","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-soin-coco-najel-100-g-reparateur-et-protecteur-lifestyle.webp?v=1778142047"},{"product_id":"argile-rouge-poudre-najel","title":"Argile Rouge en Poudre - 150 g - Najel","description":"\u003cdiv class=\"ar-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ar-hero\"\u003e\n \u003cdiv class=\"ar-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ar-hero-content\"\u003e\n \u003cdiv class=\"ar-badges-top\"\u003e\n \u003cspan class=\"ar-badge\"\u003e🌿 Certifié COSMOS Natural\u003c\/span\u003e\n \u003cspan class=\"ar-badge\"\u003e🧡 Soin bonne mine\u003c\/span\u003e\n \u003cspan class=\"ar-badge\"\u003e📦 150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ar-hero-title\"\u003eArgile Rouge en Poudre Najel\u003c\/span\u003e\n \u003cp class=\"ar-subtitle\"\u003eLe trésor minéral ancestral pour un teint éclatant et des cheveux revitalisés\u003c\/p\u003e\n \u003cp class=\"ar-description\"\u003e100 % naturelle, séchée au soleil et finement broyée — un soin multi-usage riche en oxyde de fer et oligo-éléments pour sublimer votre peau et vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eArgile rouge en poudre Najel : le secret d'un teint éclatant et de cheveux revitalisés\u003c\/h2\u003e\n \u003cp class=\"ar-section-intro\"\u003eVotre peau manque d'éclat, votre teint paraît fatigué ? L'\u003cstrong\u003eargile rouge en poudre Najel\u003c\/strong\u003e est un soin ancestral, 100 % naturel et certifié \u003cstrong\u003eCOSMOS Natural\u003c\/strong\u003e, qui redonne vie aux peaux ternes et aux cheveux en manque de vitalité. Riche en \u003cstrong\u003eoxyde de fer\u003c\/strong\u003e et en oligo-éléments, cette argile sédimentaire est un véritable trésor minéral, apprécié depuis des siècles pour ses vertus cosmétiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eBienfaits de l'argile rouge pour le visage\u003c\/h2\u003e\n \u003cp class=\"ar-section-intro\"\u003eSi vous cherchez un \u003cstrong\u003emasque argile rouge visage\u003c\/strong\u003e efficace et doux, cette poudre est faite pour vous. Voici les principaux bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"ar-grid\"\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur exceptionnelle en oxyde de fer, elle stimule la microcirculation cutanée et ravive l'éclat des peaux ternes, fatiguées ou marquées par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🫧 Purification en douceur\u003c\/h3\u003e\n \u003cp\u003eSon pouvoir adsorbant capte les impuretés et l'excès de sébum sans dessécher ni agresser l'épiderme. Idéale pour les peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e💎 Action reminéralisante\u003c\/h3\u003e\n \u003cp\u003eElle dépose un cocktail de minéraux essentiels (silice, magnésium, fer) qui tonifient et revitalisent la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🌸 Décongestion et apaisement\u003c\/h3\u003e\n \u003cp\u003eElle aide à décongestionner les traits, atténuer les rougeurs diffuses et redonner du confort aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eBienfaits de l'argile rouge pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"ar-section-intro\"\u003eL'\u003cstrong\u003eargile rouge pour cheveux\u003c\/strong\u003e est une alternative naturelle aux soins capillaires conventionnels. Utilisée en masque, elle offre de réels bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"ar-grid\"\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🧴 Purifie le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eElle débarrasse les racines des résidus de produits coiffants, de la pollution et de l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e💫 Redonne volume et brillance\u003c\/h3\u003e\n \u003cp\u003eLes cheveux fins, plats ou ternes retrouvent légèreté, mouvement et un éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🤍 Respecte les cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eDouce et non irritante, elle convient même aux cuirs chevelus sujets aux inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eComment utiliser l'argile rouge en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"ar-timeline\"\u003e\n \u003cdiv class=\"ar-timeline-item\"\u003e\n \u003cdiv class=\"ar-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-content\"\u003e\n \u003ch3\u003eMasque visage argile rouge\u003c\/h3\u003e\n \u003cp\u003eDans un récipient non métallique, mélangez \u003cstrong\u003e1 à 2 cuillères à soupe\u003c\/strong\u003e d'argile rouge avec un peu d'eau florale (hydrolat de rose, par exemple) jusqu'à obtenir une pâte lisse et onctueuse. Appliquez en couche épaisse sur le visage en évitant le contour des yeux. Laissez poser \u003cstrong\u003e10 minutes maximum\u003c\/strong\u003e en brumisant régulièrement pour que le masque ne sèche pas sur la peau. Rincez à l'eau tiède. Utilisez ce soin une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-item\"\u003e\n \u003cdiv class=\"ar-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-content\"\u003e\n \u003ch3\u003eMasque capillaire\u003c\/h3\u003e\n \u003cp\u003ePréparez une pâte avec de l'eau tiède et appliquez-la sur le cuir chevelu en massant délicatement. Laissez agir \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e, puis rincez abondamment avec un shampooing doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-item\"\u003e\n \u003cdiv class=\"ar-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-content\"\u003e\n \u003ch3\u003eBain reminéralisant\u003c\/h3\u003e\n \u003cp\u003eAjoutez 3 à 4 cuillères à soupe d'\u003cstrong\u003eargile rouge en poudre\u003c\/strong\u003e directement dans l'eau du bain pour un moment de détente revitalisant. Votre peau ressortira douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-tip\"\u003e\n \u003cspan class=\"ar-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ne laissez jamais le masque sécher complètement sur votre peau — brumisez régulièrement pour préserver l'hydratation et maximiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ar-accordion\"\u003e\n \u003cdetails class=\"ar-accordion-item\" open\u003e\n \u003csummary class=\"ar-accordion-header\"\u003e🧪 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"ar-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eIllite\u003c\/strong\u003e (argile rouge pure). Sans additifs, sans conservateurs, sans colorants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-composition-highlight\"\u003e\n \u003cdiv class=\"ar-grid-compact\"\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eAucun ajout chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n \u003cp\u003ePureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e☀️ Séchée au soleil\u003c\/h3\u003e\n \u003cp\u003eMéthode ancestrale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ar-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'argile rouge Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"ar-cta-box\"\u003e\n \u003cp\u003eLa marque \u003cstrong\u003eNajel\u003c\/strong\u003e, héritière d'un savoir-faire ancestral syrien, propose une argile rouge \u003cstrong\u003esimplement séchée au soleil et finement broyée\u003c\/strong\u003e pour préserver l'intégralité de ses propriétés minérales. Le pot de \u003cstrong\u003e150 g\u003c\/strong\u003e vous assure plusieurs semaines de soins naturels. Certifiée COSMOS Natural, cette argile respecte votre peau autant que l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ar-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de peau très réactive ou de pathologie cutanée, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ar-cream: #faf6f1;\n --ar-white: #ffffff;\n --ar-primary: #c4622a;\n --ar-primary-dark: #3d2b1f;\n --ar-primary-light: #fceee4;\n --ar-secondary: #d4854a;\n --ar-accent: #e87a3a;\n --ar-text: #1a1a1a;\n --ar-text-light: #5a5a5a;\n --ar-border: #e8ddd3;\n --ar-shadow: 0 4px 24px rgba(61,43,31,.08);\n --ar-shadow-lg: 0 12px 48px rgba(61,43,31,.15);\n --ar-radius: 20px;\n --ar-radius-sm: 12px;\n}\n\n.ar-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ar-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ar-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ar-primary-dark) 0%, #5a3424 40%, var(--ar-primary) 100%);\n border-radius: var(--ar-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(--ar-shadow-lg);\n}\n\n.ar-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(228,122,58,.25) 0%, transparent 50%),\n radial-gradient(circle at 20% 80%, rgba(196,98,42,.2) 0%, transparent 40%),\n radial-gradient(circle at 90% 70%, rgba(212,133,74,.15) 0%, transparent 35%);\n opacity: .6;\n}\n\n.ar-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ar-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.ar-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ar-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(--ar-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ar-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ar-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ar-description {\n color: rgba(255,255,255,.8);\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.ar-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ar-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ar-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.ar-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(--ar-primary), var(--ar-secondary));\n border-radius: 2px;\n}\n\n.ar-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ar-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.ar-card {\n background: var(--ar-white);\n border-radius: var(--ar-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ar-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ar-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ar-shadow-lg);\n border-color: var(--ar-primary);\n}\n\n.ar-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ar-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ar-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ar-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.ar-grid-compact .ar-card {\n padding: 1rem;\n}\n\n.ar-grid-compact .ar-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ar-grid-compact .ar-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ar-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ar-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ar-primary), var(--ar-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.ar-timeline-content {\n flex: 1;\n background: var(--ar-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ar-radius-sm);\n box-shadow: var(--ar-shadow);\n}\n\n.ar-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ar-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ar-timeline-content p {\n font-size: 14px;\n color: var(--ar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.ar-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ar-primary-light);\n border-radius: var(--ar-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ar-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ar-tip p {\n font-size: 14px;\n color: var(--ar-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ar-accordion {\n background: var(--ar-white);\n border-radius: var(--ar-radius);\n box-shadow: var(--ar-shadow);\n overflow: hidden;\n}\n\n.ar-accordion-item {\n border-bottom: 1px solid var(--ar-border);\n margin: 0;\n padding: 0;\n}\n\n.ar-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ar-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ar-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.ar-accordion-header:hover {\n background: var(--ar-primary-light);\n}\n\n.ar-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ar-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ar-primary);\n transition: transform .2s ease;\n}\n\n.ar-accordion-item[open] .ar-accordion-header::after {\n content: '−';\n}\n\n.ar-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ar-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ar-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ar-cta-box {\n background: linear-gradient(135deg, var(--ar-primary) 0%, var(--ar-primary-dark) 100%);\n border-radius: var(--ar-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ar-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.ar-disclaimer {\n font-size: 12px;\n color: var(--ar-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.ar-composition-highlight {\n margin-top: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ar-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ar-card {\n padding: 1.125rem;\n }\n\n .ar-section {\n margin-bottom: 1.75rem;\n }\n\n .ar-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ar-radius-sm);\n }\n\n .ar-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ar-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ar-grid-compact {\n gap: .625rem;\n }\n\n .ar-grid-compact .ar-card {\n padding: .75rem;\n }\n\n .ar-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ar-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ar-timeline-content h3 {\n font-size: 14px;\n }\n\n .ar-timeline-content p {\n font-size: 13px;\n }\n\n .ar-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ar-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ar-tip {\n padding: .875rem 1rem;\n }\n\n .ar-tip-icon {\n font-size: 20px;\n }\n\n .ar-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ar-card {\n animation: arFadeInUp .5s ease backwards;\n }\n .ar-card:nth-child(1) { animation-delay: .05s; }\n .ar-card:nth-child(2) { animation-delay: .1s; }\n .ar-card:nth-child(3) { animation-delay: .15s; }\n .ar-card:nth-child(4) { animation-delay: .2s; }\n .ar-card:nth-child(5) { animation-delay: .25s; }\n .ar-card:nth-child(6) { animation-delay: .3s; }\n\n .ar-timeline-item {\n animation: arFadeInUp .5s ease backwards;\n }\n .ar-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ar-timeline-item:nth-child(2) { animation-delay: .15s; }\n .ar-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes arFadeInUp {\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 .ar-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54937822626169,"sku":"NJ0285","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argile-rouge-en-poudre-150-g-najel-lifestyle.webp?v=1772882639"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/soin-capillaire.webp?v=1790071856","url":"https:\/\/www.naturellement-bio.com\/collections\/soin-capillaire.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}