{"title":"Pour les cheveux","description":"","products":[{"product_id":"huile-seche-sublimante-centifolia","title":"Huile sèche sublimatrice - Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0240_725e9bb0-566e-4c32-9477-3678251b92db.jpg?v=1776180388\" alt=\"Photo d'une femme qui s'applique de l'huile sur ses cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécouvrez l'Huile Sèche Sublimatrice de Centifolia\u003c\/strong\u003e, une huile d'exception alliant la richesse de 4 huiles précieuses soigneusement sélectionnées pour leurs bienfaits nourrissants et réparateurs. Adaptée pour le visage, le corps, et les cheveux, cette huile polyvalente est votre alliée beauté de la tête aux pieds.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de l'Huile sèche sublimatrice Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit et répare\u003c\/strong\u003e : grâce à sa composition riche en huiles naturelles, cette huile hydrate en profondeur et aide à restaurer les cheveux et la peau.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture légère\u003c\/strong\u003e : sa texture fine et légère s'absorbe rapidement sans laisser de film gras, offrant un fini satiné et confortable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum subtil\u003c\/strong\u003e : laissez-vous envoûter par son parfum délicat qui apporte une touche d'élégance à votre routine de soins.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation polyvalente\u003c\/strong\u003e : idéale pour sublimer le visage, le corps et les cheveux, cette huile est un véritable soin tout-en-un.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement\u003c\/strong\u003e : chaque flacon est fabriqué en France, respectueux de l'environnement et garantit l'absence de phtalates et de Bisphénol A.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTesté dermatologiquement\u003c\/strong\u003e : ce produit a été testé sous contrôle dermatologique pour assurer sécurité et efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de l'Huile sublimatrice Centifolia :\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e100% d'ingrédients d'origine naturelle et vegan\u003c\/strong\u003e : pour une peau et des cheveux sublimes sans compromis.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlacon Spray\u003c\/strong\u003e : pour une application pratique et économique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSublime Visage, Corps et Cheveux\u003c\/strong\u003e : une peau satinée, des cheveux souples et nourris.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à votre peau et vos cheveux le meilleur de la nature avec l'Huile Sèche Sublimatrice de Centifolia. Pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603156296010,"sku":"CE0241","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_centifolia_ce0241_huile_sublimatrice.jpg?v=1776156790"},{"product_id":"lotion-demelante-brillance-certifiee-bio-centifolia","title":"Lotion démêlante brillance certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eDécouvrez la \u003cstrong\u003eLotion Démêlante Brillance \u0026amp; Légèreté\u003c\/strong\u003e de Centifolia, une solution innovante certifiée bio pour des cheveux faciles à coiffer, brillants et légers.\u003c\/p\u003e\n\u003cp\u003eConçue pour répondre aux besoins de tous les types de cheveux, cette lotion démêlante sans rinçage révolutionnera votre routine capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0265_5d4a90aa-53fd-4621-bf02-4e1393f4701e.jpg?v=1776180389\" alt=\"Photo d'une femme aux cheveux brillants\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits de la lotion démêlante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFacilite le démêlage\u003c\/strong\u003e : Dites adieu aux nœuds et aux cheveux difficiles à coiffer. Notre formule unique rend le démêlage rapide et sans effort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApporte brillance et légèreté\u003c\/strong\u003e : Grâce à l'action du vinaigre de Framboise BIO, vos cheveux retrouvent leur éclat naturel et leur souplesse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe graisse pas le cheveu\u003c\/strong\u003e : Sa texture ultra-légère ne laisse aucun résidu gras, assurant des cheveux frais et aériens.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueuse de l'environnement\u003c\/strong\u003e : Notre lotion est biodégradable et formulée sans alcool ni sulfate, préservant ainsi la santé de vos cheveux et celle de la planète.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés de la Lotion démêlante certifiée bio\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eVinaigre de Framboise BIO\u003c\/strong\u003e : reconnu pour ses propriétés lissantes et adoucissantes, il lisse les écailles du cheveu, apportant brillance et souplesse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide Lactique\u003c\/strong\u003e : aide à équilibrer le pH naturel du cuir chevelu et à lisser les cuticules, facilitant ainsi le démêlage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eLes petits plus de la lotion\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans rinçage\u003c\/strong\u003e pour une utilisation pratique et rapide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et sans alcool\u003c\/strong\u003e pour respecter les cheveux les plus fragiles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique\u003c\/strong\u003e : disponible en spray pour une application facile et homogène.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch3\u003e\u003cstrong\u003ePourquoi choisir la Lotion démêlante Centifolia ?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eChoisir la \u003cstrong\u003eLotion Démêlante Brillance sans rinçage\u003c\/strong\u003e de Centifolia, c'est opter pour un soin capillaire naturel, efficace et respectueux de l'environnement. Offrez à vos cheveux le meilleur de la nature avec Centifolia, et retrouvez des cheveux éclatants, doux et parfaitement démêlés.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603165274442,"sku":"CE0265","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0265_lotion_demelante_sans_rincage_df559863-d1e4-4e28-9e3d-e80481d87e7e.jpg?v=1778842801"},{"product_id":"baume-demelant-centifolia","title":"Baume démêlant Après-shampoing Brillance certifié bio – Centifolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0271_c6a04b71-f2c7-4bb0-aeb4-7cf7e7069da4.jpg?v=1776180389\" alt=\"Photo d'une brosse à cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume démêlant bio\u003c\/strong\u003e de Centifolia est un soin capillaire conçu pour illuminer et démêler en douceur tous les types de cheveux, y compris les cheveux bouclés. Sa formule innovante et respectueuse de l'environnement en fait un produit incontournable pour sublimer votre chevelure.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques principales du baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule douce et biodégradable :\u003c\/strong\u003e Respectueuse de l'environnement, cette formule préserve la planète tout en prenant soin de vos cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnrichi en extrait de Framboise BIO :\u003c\/strong\u003e Issu de la pulpe de framboises fraîches, cet extrait redonne éclat et brillance aux cheveux ternes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine Végétale :\u003c\/strong\u003e Cet ingrédient clé préserve la structure interne du cheveu et limite l'altération des protéines, composants majeurs de la fibre capillaire, pour une chevelure plus douce et légère.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du baume démêlant\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêlage en douceur :\u003c\/strong\u003e ce baume facilite le démêlage sans alourdir les cheveux, les laissant légers et faciles à coiffer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFibre capillaire lissée :\u003c\/strong\u003e il lisse la fibre capillaire, laissant les cheveux doux, brillants et éclatants de beauté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrévention de la casse :\u003c\/strong\u003e en évitant les démêlages agressifs, il prévient la casse des cheveux et réduit la douleur liée à cette étape de la routine capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrissant et revitalisant :\u003c\/strong\u003e nourrit en profondeur la fibre capillaire, la répare et la revitalise, pour des cheveux visiblement en meilleure santé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603166814538,"sku":"CE0272","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0272_baume-demelant_apres-shampoing_brillanche_2c75bc52-3236-4d07-8883-fbea647e973a.jpg?v=1778842809"},{"product_id":"apres-shampooing-miel-argan-ble","title":"Après-Shampoing certifié Bio Miel, Argan et Protéines de Blé - Propolia","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_AP0105_176b93d6-c287-462e-81d1-b0dc56d94151.jpg?v=1776180424\" alt=\"Photo de cheveux avec de l'après-shampoing dans une salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eEnrichi en miel, huile d'argan et protéines de blé, l'après-shampoing Bio de Propolia est spécialement conçu \u003cstrong\u003epour démêler, nourrir et fortifier les cheveux\u003c\/strong\u003e. Ce soin capillaire naturel offre \u003cstrong\u003edouceur et brillance\u003c\/strong\u003e, laissant les cheveux faciles à coiffer et revitalisés.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cet après-shampoing certifié bio\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et bio :\u003c\/strong\u003e Formulé avec 98% d'ingrédients d'origine naturelle, dont 25% issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage familial :\u003c\/strong\u003e Adapté à toute la famille, cet après-shampoing convient à tous les types de cheveux dès 3 ans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum agréable :\u003c\/strong\u003e Laisse une odeur douce et délicate dans les cheveux, pour une sensation de fraîcheur tout au long de la journée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch4\u003e \u003c\/h4\u003e\n\u003ch2\u003eBienfaits de l'après-shampoing miel, argan et protéines de blé\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêle et adoucit :\u003c\/strong\u003e Facilite le démêlage et adoucit les cheveux sans les alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit et fortifie :\u003c\/strong\u003e Le miel, l'huile d'argan et les protéines de blé nourrissent et renforcent la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApporte brillance et souplesse :\u003c\/strong\u003e Les cheveux retrouvent leur brillance naturelle et leur souplesse.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagements qualité de l'après-shampoing Propolia\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Développé, fabriqué et conditionné en Occitanie, garantissant un savoir-faire local de haute qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification biologique :\u003c\/strong\u003e Certifié Cosmos Organic par Ecocert, assurant l'utilisation d'ingrédients respectueux de l'environnement et de votre santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation pure :\u003c\/strong\u003e Sans silicones, sans actifs ni colorants de synthèse et testé sous contrôle dermatologique pour une tolérance optimale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eL’après-shampoing Bio de Propolia est l'allié idéal pour prendre soin de vos cheveux au quotidien. Sa formule riche en miel, en huile d'argan et en protéines de blé \u003cstrong\u003enourrit et démêle vos cheveux tout en douceur\u003c\/strong\u003e. Adapté à toute la famille, il laisse les cheveux \u003cstrong\u003edoux, brillants et en pleine santé\u003c\/strong\u003e, pour une chevelure resplendissante jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Propolia","offers":[{"title":"Default Title","offer_id":61603179757898,"sku":"AP0105","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_propolia_ap0105_apres-shampoing.jpg?v=1776157070"},{"product_id":"baume-demelant-reparateur-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing certifié bio","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing\u003c\/strong\u003e de Centifolia est spécialement conçu pour \u003cstrong\u003eréparer et renforcer les cheveux fragilisés\u003c\/strong\u003e dès la première utilisation. Enrichi en ingrédients naturels et biologiques, ce baume démêlant offre une formule biodégradable et ultra-douce qui \u003cstrong\u003edémêle les cheveux sans les alourdir\u003c\/strong\u003e, tout en leur apportant douceur et légèreté.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Baume démêlant Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eHuile de Ricin BIO :\u003c\/span\u003e Cette huile est reconnue pour ses propriétés fortifiantes et nourrissantes, idéale pour renforcer et réparer les cheveux abîmés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003eKératine Végétale :\u003c\/span\u003e Constituant essentiel de la fibre capillaire, la kératine végétale protège et gaine les cheveux, les laissant doux, brillants et faciles à coiffer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0449_49669c59-7216-4097-b7cb-ff8b38c92541.jpg?v=1776180599\" alt=\"Photo d'une femme qui profite de son soin cheveux dans sa salle de bain\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Baume démêlant réparateur après-shampoing\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et renforce :\u003c\/strong\u003e grâce à l'huile de Ricin BIO, obtenue par première pression à froid, ce baume fortifie les cheveux fragilisés et cassants, leur redonnant force et vitalité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et douceur :\u003c\/strong\u003e la Kératine Végétale présente dans la formule préserve la structure interne du cheveu face aux agressions extérieures, limitant l'altération des protéines, un constituant majeur de la fibre capillaire. Elle offre un effet gainant qui enveloppe chaque mèche, laissant les cheveux incroyablement doux et légers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFacilité de coiffage :\u003c\/strong\u003e après l'application, les cheveux sont instantanément démêlés sans être alourdis, réparés jusqu'aux pointes, et extrêmement faciles à coiffer. Fini les nœuds et les cheveux difficiles à dompter !\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et écologiques :\u003c\/strong\u003e La formule biodégradable respecte l'environnement tout en prenant soin de vos cheveux. De plus, le tube est fabriqué avec 30% de matériaux recyclés et possède une capsule réduite en plastique pour minimiser l'impact environnemental.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eUtilisation optimale du Baume\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003ePour une efficacité optimale, appliquez le baume démêlant sur cheveux mouillés après le shampoing. Laissez agir quelques minutes pour permettre aux ingrédients de pénétrer et nourrir en profondeur, puis rincez abondamment. Utilisez régulièrement pour des cheveux plus forts et en meilleure santé.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule biodégradable :\u003c\/strong\u003e conçue pour respecter l'environnement, cette formule se décompose naturellement sans polluer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmballage écologique :\u003c\/strong\u003e le tube est fabriqué à partir de 30% de matériaux recyclés, avec une capsule réduite en plastique pour diminuer les déchets.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProduit en France :\u003c\/strong\u003e certifié Cosmos Organic, conçu et fabriqué en France avec des ingrédients soigneusement sélectionnés pour leur qualité et leur efficacité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eEn choisissant le \u003cstrong\u003eBaume Démêlant Réparateur Après-Shampoing de Centifolia\u003c\/strong\u003e, vous optez pour un soin capillaire respectueux de l'environnement et de vos cheveux. \u003cstrong\u003eRedonnez à votre chevelure force, douceur et éclat\u003c\/strong\u003e avec ce produit naturellement efficace et écologique.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603301392714,"sku":"CE0449","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/026757_baume_demelant_reparateur_apres_shampooing_200ml_a977ded4-bf08-43b5-a8f7-5cd58e854dd2.png?v=1778842861"},{"product_id":"gelee-volume-200ml","title":"Gelée Volume Après-Shampoing certifiée bio et vegan – Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa Gelée Volume Après-Shampoing certifiée bio de Centifolia a été pensée pour redonner \u003cstrong data-start=\"251\" data-end=\"261\"\u003evolume\u003c\/strong\u003e, \u003cstrong data-start=\"263\" data-end=\"275\"\u003elégèreté\u003c\/strong\u003e et \u003cstrong data-start=\"279\" data-end=\"291\"\u003evitalité\u003c\/strong\u003e aux cheveux fins qui manquent de densité. Sa texture gel douce et non-collante enveloppe la fibre capillaire sans jamais l’alourdir, offrant une sensation immédiate de fraîcheur et de légèreté. Grâce à son embout applicateur précis, le produit s’applique directement au niveau des racines, là où le cheveu a le plus besoin d’être soutenu pour révéler toute sa matière.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0451_5451d308-d4d5-4b66-b8c2-ce6a4a9f6bf9.jpg?v=1776180599\" alt=\"Photo d'une femme qui se touche les cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2 data-start=\"667\" data-end=\"764\"\u003eCaractéristiques et bienfaits de la Gelée Volume Après-Shampoing certifiée bio de Centifolia\u003c\/h2\u003e\n\u003cp data-start=\"765\" data-end=\"1199\"\u003eCette gelée innovante s’appuie sur l’action complémentaire de deux actifs naturels soigneusement sélectionnés pour leur efficacité. Les \u003cstrong data-start=\"901\" data-end=\"921\"\u003epeptides de pois\u003c\/strong\u003e, reconnus pour leurs propriétés filmogènes et leur capacité à \u003cstrong data-start=\"984\" data-end=\"1016\"\u003eépaissir la fibre capillaire\u003c\/strong\u003e, apportent un volume visible dès la racine. Ils offrent également une \u003cstrong data-start=\"1087\" data-end=\"1110\"\u003ehydratation intense\u003c\/strong\u003e tout en renforçant la vitalité du cuir chevelu grâce à leur haute activité antioxydante.\u003c\/p\u003e\n\u003cp data-start=\"1201\" data-end=\"1653\"\u003eÀ cet actif phare s’ajoute le \u003cstrong data-start=\"1231\" data-end=\"1256\"\u003epamplemousse rose bio\u003c\/strong\u003e, cultivé en France, choisi pour sa faculté à insuffler légèreté et fraîcheur à la chevelure. Ensemble, ces ingrédients agissent pour rendre les cheveux plus \u003cstrong data-start=\"1414\" data-end=\"1423\"\u003eaérés\u003c\/strong\u003e, plus \u003cstrong data-start=\"1430\" data-end=\"1441\"\u003esouples\u003c\/strong\u003e et naturellement plus brillants. La formule, composée à 99% d’ingrédients d’origine naturelle et certifiée Cosmos Organic, offre une protection complète tout en respectant le cuir chevelu et la fibre capillaire.\u003c\/p\u003e\n\u003cp data-start=\"1655\" data-end=\"2195\"\u003eLa texture gel légèrement colorée glisse facilement sur les racines, permettant de créer un volume durable sans effet gras ni sensation d’alourdissement. À l’usage, les cheveux apparaissent visiblement plus denses, plus doux et subtilement texturés, révélant un volume naturel qui tient tout au long de la journée. Le conditionnement éco-conçu, intégrant \u003cstrong data-start=\"2010\" data-end=\"2038\"\u003e12% de plastique recyclé\u003c\/strong\u003e, témoigne de l’engagement de Centifolia pour une beauté plus responsable. Cette gelée est conçue et fabriquée en France, gage de qualité et de savoir-faire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2 data-start=\"2202\" data-end=\"2249\"\u003ePour une chevelure naturellement amplifiée\u003c\/h2\u003e\n\u003cp data-start=\"2250\" data-end=\"2742\" data-is-last-node=\"\" data-is-only-node=\"\"\u003eAdopter la Gelée Volume Après-Shampoing certifiée bio de Centifolia, c’est offrir à vos cheveux fins une solution qui allie \u003cstrong data-start=\"2374\" data-end=\"2389\"\u003eperformance\u003c\/strong\u003e, \u003cstrong data-start=\"2391\" data-end=\"2405\"\u003enaturalité\u003c\/strong\u003e et \u003cstrong data-start=\"2409\" data-end=\"2425\"\u003esensorialité\u003c\/strong\u003e. Sa formule délicate et efficace redonne du souffle aux racines et révèle un volume tout en légèreté, pour des cheveux dynamiques, plus denses et sublimés jour après jour. Elle devient rapidement un indispensable pour celles et ceux qui recherchent un résultat visible, durable et respectueux de la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603303326026,"sku":"CE0655","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_centifolia_ce0655_gelee_volume_apres_shampoing.jpg?v=1776158749"},{"product_id":"masque-soin-brillance-intense-3-en-1-certifie-bio-centifolia","title":"Masque soin brillance intense 3 en 1 certifié bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Masque Soin Brillance Intense 3en1 Centifolia \u003c\/strong\u003eest le traitement capillaire pour sublimer vos cheveux. \u003cstrong\u003eAdapté à tous les types de cheveux\u003c\/strong\u003e, y compris les cheveux bouclés, ce masque combine les bienfaits d'une \u003cstrong\u003eformule bio et vegan\u003c\/strong\u003e pour offrir \u003cstrong\u003eune solution de soin efficace et ultra-douce\u003c\/strong\u003e. Profitez d'une chevelure éclatante et en pleine santé dès la première utilisation grâce à ce soin complet.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Masque Soin Brillance Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de cheveux\u003c\/strong\u003e : convient à tous les types de cheveux, notamment les cheveux bouclés, ondulés, lisses et colorés. Idéal pour les cheveux secs, ternes et abîmés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule\u003c\/strong\u003e : Certifiée biologique et vegan, sans parabènes, sans silicones, et sans sulfates pour un respect optimal de votre cuir chevelu et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels\u003c\/strong\u003e : composée à 98% d’ingrédients d’origine naturelle, cette formule puise sa richesse dans les extraits végétaux pour offrir le meilleur des soins capillaires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-weight: bold;\"\u003ePackaging\u003c\/span\u003e : emballage éco-responsable avec un pot 100% recyclé et recyclable, réduisant ainsi l'empreinte écologique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0453_4cf6634f-4b21-487a-965b-9550b3d1bab6.jpg?v=1776180600\" alt=\"Photo d'une femme qui sourit aux cheveux brillants\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003e\u003cstrong style=\"color: #333333; font-size: 26px;\"\u003ePrincipaux actifs du Masque de Soin Brillance 3-en-1\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de Framboise Bio\u003c\/strong\u003e : riche en antioxydants et en vitamines, il apporte une brillance naturelle et ravive l’éclat des cheveux ternes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKératine végétale\u003c\/strong\u003e : issue de protéines végétales, elle renforce et protège la structure interne du cheveu, apportant douceur et légèreté sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBiodégradabilité\u003c\/strong\u003e : formulé à 97,6% biodégradable, ce masque respecte l’environnement tout en prenant soin de vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits du Masque de soin Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfficacité immédiate\u003c\/strong\u003e : dès la première application, le masque redonne éclat et brillance à vos cheveux, leur offrant un aspect sain et revitalisé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection renforcée\u003c\/strong\u003e : la Kératine Végétale protège la fibre capillaire des agressions extérieures et renforce les cheveux contre les dommages futurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouceur et légèreté\u003c\/strong\u003e : grâce à sa formule légère, ce masque n’alourdit pas les cheveux, les laissant souples, doux et faciles à coiffer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation profonde\u003c\/strong\u003e : enrichi en ingrédients naturels hydratants, il nourrit intensément les cheveux secs et déshydratés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémêlage facile\u003c\/strong\u003e : facilite le démêlage et réduit les frisottis, rendant les cheveux plus lisses et plus disciplinés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespectueux de l’environnement\u003c\/strong\u003e : sa composition biodégradable et son emballage éco-responsable en font un choix respectueux de la planète.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003e\u003cstrong\u003eEngagements et qualité Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l’environnement\u003c\/strong\u003e : formule hautement biodégradable et packaging éco-responsable minimisant l'impact environnemental.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEthique\u003c\/strong\u003e : produit certifié vegan, sans tests sur les animaux, garantissant une démarche respectueuse de la vie animale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité française\u003c\/strong\u003e : certifié Cosmos Organic et fabriqué en France avec des ingrédients de haute qualité et selon des normes strictes de production.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eOffrez à vos cheveux le soin qu'ils méritent \u003cstrong\u003eavec le Masque Soin Brillance Intense 3en1 Centifolia\u003c\/strong\u003e, et découvrez la beauté naturelle de cheveux éclatants de santé.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603304309066,"sku":"CE0453","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0453_centifolia_masque_soin_brillance_651cabbe-4435-4c09-b6de-35431bfa22f9.jpg?v=1778842860"},{"product_id":"brume-fixante-et-volume-certifiee-bio-centifolia","title":"Brume Fixante et Volume certifiée bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLa Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e est la solution idéale pour \u003cstrong\u003etous les types de cheveux,\u003c\/strong\u003e offrant une \u003cstrong\u003efixation légère sans alourdir ni graisser\u003c\/strong\u003e. Formulée avec des ingrédients biologiques et biodégradables, cette laque ultra-douce et respectueuse de l'environnement garantit un maintien impeccable tout en préservant la santé de vos cheveux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0454_4ddd0698-93af-4667-89c3-afd1cc9cc302.jpg?v=1776180600\" alt=\"Photo d'une femme dans sa salle de bain en train d'appliquer une brume\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques de la Brume Fixante et Volume Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation légère et durable :\u003c\/strong\u003e grâce à sa formule unique, cette brume fixe vos coiffures de manière durable tout en conservant la légèreté naturelle des cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication uniforme :\u003c\/strong\u003e équipée d'une pompe à effet brume, elle permet une diffusion légère et uniforme pour une finition parfaite.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients naturels et vegan :\u003c\/strong\u003e contient un agent fixant 100% vegan, un polymère naturel qui forme un film protecteur contre la chaleur, résistant à l'eau, et offrant un meilleur maintien sans effet collant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet Anti-Frisottis :\u003c\/strong\u003e parfait pour les cheveux frisés, cette brume aide à contrôler les frisottis pour un style soigné et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVolume et Épaisseur :\u003c\/strong\u003e enrichie en peptides de pois obtenus par fermentation, elle épaissit et augmente le volume des cheveux tout en apportant des bienfaits antioxydants pour un cuir chevelu et des cheveux en pleine santé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédient star – Pamplemousse Rose Bio :\u003c\/strong\u003e sélectionné pour sa capacité à apporter de la légèreté, ce pamplemousse origine France est un atout majeur de la formule.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages de la Brume Fixante Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFixation Souple et Naturelle :\u003c\/strong\u003e Les cheveux restent souples, volumineux, et naturellement stylés sans l'effet de rigidité ou de collant des laques traditionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et Santé des Cheveux :\u003c\/strong\u003e Offre une protection contre la chaleur tout en favorisant la santé du cuir chevelu grâce à son activité antioxydante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉcoresponsable :\u003c\/strong\u003e Formule biodégradable respectueuse de l'environnement, sans compromis sur l'efficacité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication française de qualité :\u003c\/strong\u003e produit certifié Cosmos Organic, conçu et fabriqué en France, gage de qualité naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003ela Brume Fixante et Volume certifiée bio de Centifolia\u003c\/strong\u003e et profitez d'une coiffure parfaitement fixée, volumineuse et naturellement belle, jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603305750858,"sku":"CE0454","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0454_centifolia_brumefixante_006c1d1e-5b1e-480f-989e-b7bc5e2f34ab.jpg?v=1778842871"},{"product_id":"manjistha-certifie-bio-en-poudre-ayurvana","title":"Manjistha bio en poudre – Ayurvana","description":"\u003cdiv class=\"soi-manj-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-manj-hero\"\u003e\n    \u003cdiv class=\"soi-manj-hero-tag\"\u003e\n      \u003cspan class=\"soi-manj-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique ayurvédique · Ayur-vana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-manj-hero-title\"\u003eManjistha bio en poudre\u003c\/span\u003e\n    \u003cp class=\"soi-manj-hero-subtitle\"\u003eGarance indienne aux reflets acajou pour vos cheveux et votre peau, issue de la tradition ayurvédique et certifiée bio.\u003c\/p\u003e\n    \u003cdiv class=\"soi-manj-hero-labels\"\u003e\n      \u003cspan class=\"soi-manj-label soi-manj-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-manj-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-manj-label\"\u003eVÉGÉTALIEN\u003c\/span\u003e\n      \u003cspan class=\"soi-manj-label\"\u003e100 % VÉGÉTALE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-manj-section\"\u003e\n    \u003cp\u003eLe \u003cstrong\u003eManjistha bio en poudre\u003c\/strong\u003e (\u003cem\u003eRubia cordifolia\u003c\/em\u003e), connu en France sous le nom de \u003cstrong\u003eGarance indienne\u003c\/strong\u003e, est l'une des plantes les plus respectées de la tradition ayurvédique. Ses racines aux reflets acajou sont récoltées à la main en Inde, séchées et réduites en poudre fine, prête à être intégrée dans vos soins capillaires et cutanés. Cette version \u003cstrong\u003ecertifiée bio COSMOS Organic\u003c\/strong\u003e, conditionnée en France par Ayur-vana, vous garantit une qualité irréprochable, sans additif ni compromis.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COULEUR NATURELLE DES CHEVEUX --\u003e\n  \u003csection class=\"soi-manj-section\"\u003e\n    \u003ch2\u003eManjistha et couleur naturelle des cheveux : ce qu'il faut savoir\u003c\/h2\u003e\n    \u003cdiv class=\"soi-manj-grid\"\u003e\n      \u003cdiv class=\"soi-manj-card\"\u003e\n        \u003ch3\u003e🎨 Reflets roux à acajou\u003c\/h3\u003e\n        \u003cp\u003eSi vous cherchez à colorer vos cheveux naturellement, le Manjistha dépose des reflets roux à acajou selon votre couleur de base, sans ammoniaque, sans oxydants agressifs. Résultat : des cheveux gainés, brillants, et une couleur végétale progressive et respectueuse de la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-card\"\u003e\n        \u003ch3\u003e🌿 Soin du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eÀ la différence du henné neutre ou du katam, le Manjistha agit également sur le cuir chevelu : ses propriétés astringentes naturelles aident à assainir la surface, à réduire les démangeaisons et à apaiser les irritations, ce que peu de colorants végétaux peuvent revendiquer.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS PEAU --\u003e\n  \u003csection class=\"soi-manj-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Manjistha pour la peau\u003c\/h2\u003e\n    \u003cp class=\"soi-manj-section-intro\"\u003eEn cosmétique, la poudre de Manjistha est utilisée depuis des siècles pour tonifier, clarifier et revitaliser la peau. Appliquée en masque facial, elle contribue à :\u003c\/p\u003e\n    \u003cdiv class=\"soi-manj-benefits\"\u003e\n      \u003cdiv class=\"soi-manj-benefit\"\u003e\n        \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eExfoliation douce\u003c\/h3\u003e\n        \u003cp\u003eÉlimine les cellules mortes grâce à son action astringente et exfoliante douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-benefit\"\u003e\n        \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n        \u003cp\u003eFavorise la régénération cellulaire pour un teint plus uniforme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-benefit\"\u003e\n        \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFermeté et éclat\u003c\/h3\u003e\n        \u003cp\u003eRedonne de la fermeté et de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-benefit\"\u003e\n        \u003cdiv class=\"soi-manj-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement\u003c\/h3\u003e\n        \u003cp\u003eApaise les peaux sujettes aux rougeurs ou imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-manj-tip\"\u003e\n      \u003cdiv class=\"soi-manj-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un masque visage simple : mélangez une cuillère à café de poudre de Manjistha avec de l'eau de rose ou du gel d'aloe vera jusqu'à obtenir une pâte souple. Appliquez 10 à 15 minutes, puis rincez à l'eau tiède. Attention, la poudre teinte légèrement : rincez bien et évitez le linge blanc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI CHEVEUX --\u003e\n  \u003csection class=\"soi-manj-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre de Manjistha bio pour les cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-manj-timeline\"\u003e\n      \u003cdiv class=\"soi-manj-step\"\u003e\n        \u003cdiv class=\"soi-manj-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-manj-step-content\"\u003e\n          \u003ch3\u003ePréparez votre mélange\u003c\/h3\u003e\n          \u003cp\u003eVersez 100 à 200 g de poudre dans un bol non métallique. Ajoutez de l'eau tiède (ou du thé noir pour intensifier la couleur) progressivement jusqu'à obtenir une consistance crémeuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-step\"\u003e\n        \u003cdiv class=\"soi-manj-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-manj-step-content\"\u003e\n          \u003ch3\u003eAppliquez sur cheveux humides\u003c\/h3\u003e\n          \u003cp\u003eMèche par mèche, depuis les racines jusqu'aux pointes. Couvrez d'une charlotte et laissez poser 1 à 3 heures selon l'intensité colorante souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-step\"\u003e\n        \u003cdiv class=\"soi-manj-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-manj-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède sans shampoing (ou avec un shampoing doux si nécessaire). La couleur se stabilise dans les 24 à 48 heures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"soi-manj-section\"\u003e\n    \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-manj-compo\"\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003ePoudre de racine de Manjistha biologique (\u003cem\u003eRubia cordifolia\u003c\/em\u003e)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003eInde\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003eConditionné en France par Ayur-vana (Montlignon, 95)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003eCOSMOS Organic (cosmétique bio certifié)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003ePoids net\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003e100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003eConvenance\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003eConvient aux végétaliens, aucun ingrédient d'origine animale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-manj-compo-row\"\u003e\n        \u003cspan class=\"soi-manj-compo-label\"\u003eFormulation\u003c\/span\u003e\n        \u003cspan class=\"soi-manj-compo-value\"\u003eSans conservateur, sans colorant artificiel, sans parfum de synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"soi-manj-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-manj-accordion\"\u003e\n      \u003cdetails class=\"soi-manj-accordion-item\"\u003e\n        \u003csummary class=\"soi-manj-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n        \u003cdiv class=\"soi-manj-accordion-content\"\u003e\n          \u003cp\u003eLa poudre de Manjistha est un produit à \u003cstrong\u003eusage cosmétique exclusivement\u003c\/strong\u003e. Évitez le contact avec les yeux. Réalisez un test cutané 48 heures avant la première utilisation. Ce produit n'est pas un médicament et ne se substitue à aucun traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-manj-accordion-item\"\u003e\n        \u003csummary class=\"soi-manj-accordion-header\"\u003e📦 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-manj-accordion-content\"\u003e\n          \u003cp\u003eConservez le produit dans un endroit sec, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-manj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-manj-cta-box\"\u003e\n      \u003cp class=\"soi-manj-cta-tag\" style=\"color: white;\"\u003eUn rituel de beauté millénaire, certifié bio\u003c\/p\u003e\n      \u003cp class=\"soi-manj-cta-text\" style=\"color: white;\"\u003eDes cheveux aux reflets acajou, un cuir chevelu assaini, une peau tonifiée. Une poudre 100 % végétale, sans détour, pour celles et ceux qui choisissent de prendre soin d'eux sans compromis sur la nature et la qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-manj-marine: #1A2D3D;\n  --soi-manj-marine-dark: #0F1E2B;\n  --soi-manj-marine-light: #2C4458;\n  --soi-manj-pomme: #A1C544;\n  --soi-manj-pomme-dark: #84A636;\n  --soi-manj-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-manj-white: #FFFFFF;\n  --soi-manj-off-white: #F8FAF6;\n  --soi-manj-stone: #F1F3EE;\n  --soi-manj-line: #E5E8E0;\n\n  --soi-manj-primary: #8B3A2A;\n  --soi-manj-primary-soft: #A85C4A;\n  --soi-manj-accent: #D88542;\n\n  --soi-manj-text: #1A2D3D;\n  --soi-manj-text-soft: #4A5B6B;\n  --soi-manj-text-muted: #7B8693;\n\n  --soi-manj-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-manj-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-manj-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-manj-radius: 12px;\n  --soi-manj-radius-sm: 8px;\n  --soi-manj-radius-pill: 999px;\n}\n\n.soi-manj-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-manj-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-manj-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-manj-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-manj-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-manj-hero {\n  position: relative;\n  background: var(--soi-manj-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-manj-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-manj-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-manj-pomme);\n}\n\n.soi-manj-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-manj-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-manj-pomme);\n  border-radius: 50%;\n}\n\n.soi-manj-hero-title {\n  display: block;\n  color: var(--soi-manj-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-manj-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-manj-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-manj-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-manj-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-manj-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-manj-label-accent {\n  background: var(--soi-manj-pomme);\n  border-color: var(--soi-manj-pomme);\n  color: var(--soi-manj-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-manj-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-manj-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-manj-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-manj-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-manj-pomme);\n  border-radius: 2px;\n}\n\n.soi-manj-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-manj-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-manj-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-manj-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-manj-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-manj-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-manj-benefit {\n  background: var(--soi-manj-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-manj-radius);\n  border: 1px solid var(--soi-manj-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-manj-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-manj-shadow-md);\n}\n\n.soi-manj-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-manj-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-manj-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-manj-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-manj-benefit:hover .soi-manj-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-manj-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-manj-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-manj-benefit p {\n  font-size: 13px;\n  color: var(--soi-manj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-manj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-manj-card {\n  background: var(--soi-manj-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-manj-radius);\n  border-left: 3px solid var(--soi-manj-pomme);\n}\n\n.soi-manj-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-manj-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-manj-card p {\n  font-size: 14px;\n  color: var(--soi-manj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-manj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-manj-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-manj-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-manj-radius);\n  border: 1px solid var(--soi-manj-line);\n  align-items: flex-start;\n}\n\n.soi-manj-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-manj-marine);\n  color: var(--soi-manj-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-manj-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-manj-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-manj-step-content p {\n  font-size: 14px;\n  color: var(--soi-manj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-manj-compo {\n  background: var(--soi-manj-off-white);\n  border-radius: var(--soi-manj-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-manj-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-manj-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-manj-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-manj-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-manj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-manj-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-manj-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-manj-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-manj-pomme-light);\n  border-left: 4px solid var(--soi-manj-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-manj-radius) var(--soi-manj-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-manj-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-manj-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-manj-marine);\n  margin-bottom: 4px;\n}\n\n.soi-manj-tip p {\n  font-size: 14px;\n  color: var(--soi-manj-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-manj-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-manj-accordion-item {\n  background: var(--soi-manj-off-white);\n  border-radius: var(--soi-manj-radius-sm);\n  border: 1px solid var(--soi-manj-line);\n  overflow: hidden;\n}\n\n.soi-manj-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-manj-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-manj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-manj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-manj-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-manj-accordion-item[open] .soi-manj-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-manj-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-manj-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-manj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-manj-cta-box {\n  background: var(--soi-manj-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-manj-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-manj-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-manj-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-manj-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-manj-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-manj-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-manj-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-manj-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-manj-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-manj-compo-value {\n    text-align: left;\n  }\n\n  .soi-manj-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-manj-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-manj-fiche {\n    --soi-manj-text-soft: #2C3E50;\n    --soi-manj-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603329737034,"sku":"AY9960","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/manjistha-certifie-bio-en-poudre-ayurvana-packshot.webp?v=1779635539"},{"product_id":"aloe-vera-en-poudre-certifie-bio-ayurvana","title":"Aloe Vera en poudre certifié bio - Ayurvana","description":"\n\n\u003cdiv class=\"soi-aloe-fiche\"\u003e\n\n  \u003csection class=\"soi-aloe-hero\"\u003e\n    \u003cdiv class=\"soi-aloe-hero-tag\"\u003e\n      \u003cspan class=\"soi-aloe-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Ayurvana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-aloe-hero-title\"\u003eAloe Vera en poudre certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-aloe-hero-subtitle\"\u003eToute la richesse du gel d'aloe vera concentrée en poudre pure, sans conservateurs ni additifs. Un actif d'exception pour sublimer votre peau et vos cheveux au naturel.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-hero-labels\"\u003e\n      \u003cspan class=\"soi-aloe-label soi-aloe-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-aloe-label\"\u003eORIGINE INDE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la poudre plutôt que le gel d'aloe vera bio ?\u003c\/h2\u003e\n    \u003cp\u003eLe gel d'aloe vera bio en tube ou en flacon contient souvent jusqu'à 95 % d'eau et des conservateurs pour stabiliser la formule. La poudre d'aloe vera 100 % pure bio, elle, est simplement la feuille séchée et réduite : rien d'autre. Vous dosez selon vos besoins, vous réhydratez à la demande et vous obtenez un actif concentré dont vous maîtrisez chaque application. Un avantage indéniable pour celles et ceux qui fabriquent leurs propres soins maison.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus de l'aloe vera pour la peau et les cheveux\u003c\/h2\u003e\n    \u003cp class=\"soi-aloe-section-intro\"\u003ePolyvalent et généreux, l'aloe vera bio concentre une multitude de propriétés pour accompagner votre routine de soins naturels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-benefits\"\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eVéritable réservoir d'eau pour la peau déshydratée et les cheveux secs, grâce à ses polysaccharides filmogènes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement et anti-irritation\u003c\/h3\u003e\n        \u003cp\u003eSoulage les cuirs chevelus sensibles, les coups de soleil, les tiraillements et les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePropriétés antiseptiques\u003c\/h3\u003e\n        \u003cp\u003eInhibe la prolifération de certaines bactéries, un allié précieux contre les imperfections et les démangeaisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEffet tenseur et anti-âge\u003c\/h3\u003e\n        \u003cp\u003eRiche en antioxydants (vitamines C et E, bêta-carotène), il contribue à préserver l'élasticité cutanée et à atténuer l'apparence des rides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉquilibre du sébum\u003c\/h3\u003e\n        \u003cp\u003eAstringent naturel, il aide à réguler les peaux mixtes à grasses sans les agresser.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-benefit\"\u003e\n        \u003cdiv class=\"soi-aloe-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin capillaire complet\u003c\/h3\u003e\n        \u003cp\u003eRenforce la fibre capillaire, apporte brillance et douceur, et favorise un cuir chevelu sain propice à la pousse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'aloe vera bio Ayurvana ?\u003c\/h2\u003e\n    \u003cp class=\"soi-aloe-section-intro\"\u003eTrois façons simples d'intégrer cet actif concentré à votre routine de soins naturels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-aloe-timeline\"\u003e\n      \u003cdiv class=\"soi-aloe-step\"\u003e\n        \u003cdiv class=\"soi-aloe-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-aloe-step-content\"\u003e\n          \u003ch3\u003eMasque hydratant cheveux\u003c\/h3\u003e\n          \u003cp\u003eMélangez 1 à 2 cuillères à café de poudre avec de l'eau tiède (ou un hydrolat) jusqu'à obtenir une texture de gelée. Appliquez sur cheveux humides, laissez poser 20 à 30 minutes, puis rincez. Idéal avant shampoing.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-step\"\u003e\n        \u003cdiv class=\"soi-aloe-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-aloe-step-content\"\u003e\n          \u003ch3\u003eSoin apaisant peau\u003c\/h3\u003e\n          \u003cp\u003eReconstituez un gel d'aloe vera 100 % pur bio en diluant la poudre dans de l'eau distillée (environ 1 g pour 10 ml). Appliquez sur peau propre en cas d'irritation, de coup de soleil ou comme base de sérum maison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-step\"\u003e\n        \u003cdiv class=\"soi-aloe-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-aloe-step-content\"\u003e\n          \u003ch3\u003eActif dans vos formulations DIY\u003c\/h3\u003e\n          \u003cp\u003eIntégrez la poudre directement dans vos crèmes, laits, shampooings ou après-shampooings maison à raison de 0,5 à 2 % du poids total de la préparation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-aloe-compo\"\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eIngrédient INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eAloe Barbadensis Leaf Powder\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eInde, agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eContrôlé et emballé en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eSachet refermable de 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-aloe-compo-row\"\u003e\n        \u003cspan class=\"soi-aloe-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-aloe-compo-value\"\u003eCosmétique uniquement (application externe)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-aloe-tip\"\u003e\n      \u003cdiv class=\"soi-aloe-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUne fois réhydratée, la gelée obtenue se conserve 24 à 48 heures au réfrigérateur, sans conservateur ajouté. Préparez uniquement la quantité nécessaire pour garantir une fraîcheur optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"soi-aloe-disclaimer\"\u003eCe produit est destiné à un usage cosmétique externe. Il ne constitue pas un médicament et ne se substitue à aucun traitement médical. En cas de doute ou de condition cutanée particulière, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-aloe-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur la poudre d'aloe vera bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-aloe-accordion\"\u003e\n      \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n        \u003csummary class=\"soi-aloe-accordion-header\"\u003e🍹 Peut-on consommer ce produit en jus d'aloe vera bio ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n          \u003cp\u003eNon. Cette poudre est exclusivement formulée pour un usage cosmétique. Elle ne convient pas à la préparation d'un jus d'aloe vera bio à boire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n        \u003csummary class=\"soi-aloe-accordion-header\"\u003e📦 Combien de temps se conserve la poudre une fois ouverte ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n          \u003cp\u003eConservez le sachet bien fermé, à l'abri de l'humidité et de la lumière. Une fois réhydratée, la gelée obtenue se conserve 24 à 48 heures au réfrigérateur, sans conservateur ajouté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-aloe-accordion-item\"\u003e\n        \u003csummary class=\"soi-aloe-accordion-header\"\u003e💇 Est-elle compatible avec tous types de cheveux ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-aloe-accordion-content\"\u003e\n          \u003cp\u003eOui. La poudre d'aloe vera convient aux cheveux secs, bouclés, colorés ou fragilisés, ainsi qu'aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-aloe-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-aloe-cta-box\"\u003e\n      \u003cp class=\"soi-aloe-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se sublimer autrement\u003c\/p\u003e\n      \u003cp class=\"soi-aloe-cta-text\" style=\"color: white;\"\u003eDerrière ce sachet kraft se cachent des siècles de savoir-faire et un actif d'exception. Que vous cherchiez à sublimer vos cheveux, apaiser votre peau ou enrichir vos soins maison, cette poudre concentrée est le point de départ idéal d'une routine naturelle qui vous ressemble vraiment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-aloe-marine: #1A2D3D;\n  --soi-aloe-marine-dark: #0F1E2B;\n  --soi-aloe-marine-light: #2C4458;\n  --soi-aloe-pomme: #A1C544;\n  --soi-aloe-pomme-dark: #84A636;\n  --soi-aloe-pomme-light: rgba(161,197,68,0.10);\n  --soi-aloe-white: #FFFFFF;\n  --soi-aloe-off-white: #F8FAF6;\n  --soi-aloe-stone: #F1F3EE;\n  --soi-aloe-line: #E5E8E0;\n  --soi-aloe-primary: #4A7C4E;\n  --soi-aloe-primary-soft: #E8F0E8;\n  --soi-aloe-accent: #D4A52A;\n  --soi-aloe-text: #1A2D3D;\n  --soi-aloe-text-soft: #4A5B6B;\n  --soi-aloe-text-muted: #7B8693;\n  --soi-aloe-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-aloe-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-aloe-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-aloe-radius: 12px;\n  --soi-aloe-radius-sm: 8px;\n  --soi-aloe-radius-pill: 999px;\n}\n\n.soi-aloe-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-aloe-fiche img { max-width: 100%; height: auto; }\n\n.soi-aloe-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-aloe-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-aloe-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-aloe-hero {\n  position: relative;\n  background: var(--soi-aloe-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-aloe-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-aloe-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-aloe-pomme);\n}\n\n.soi-aloe-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-aloe-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 50%;\n}\n\n.soi-aloe-hero-title {\n  display: block;\n  color: var(--soi-aloe-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-aloe-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-aloe-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-aloe-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-aloe-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-aloe-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-aloe-label-accent {\n  background: var(--soi-aloe-pomme);\n  border-color: var(--soi-aloe-pomme);\n  color: var(--soi-aloe-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-aloe-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-aloe-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-aloe-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 2px;\n}\n\n.soi-aloe-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-aloe-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-aloe-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-aloe-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-aloe-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-aloe-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-aloe-benefit {\n  background: var(--soi-aloe-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-aloe-radius);\n  border: 1px solid var(--soi-aloe-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-aloe-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-aloe-shadow-md);\n}\n\n.soi-aloe-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-aloe-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-aloe-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-aloe-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-aloe-benefit:hover .soi-aloe-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-aloe-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-aloe-benefit p {\n  font-size: 13px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-aloe-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-aloe-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-aloe-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-aloe-radius);\n  border: 1px solid var(--soi-aloe-line);\n  align-items: flex-start;\n}\n\n.soi-aloe-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-aloe-marine);\n  color: var(--soi-aloe-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-aloe-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-aloe-step-content p {\n  font-size: 14px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-aloe-compo {\n  background: var(--soi-aloe-off-white);\n  border-radius: var(--soi-aloe-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-aloe-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-aloe-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-aloe-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-aloe-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-aloe-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-aloe-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-aloe-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-aloe-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-aloe-pomme-light);\n  border-left: 4px solid var(--soi-aloe-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-aloe-radius) var(--soi-aloe-radius) 0;\n  align-items: flex-start;\n  margin-bottom: 1.25rem;\n}\n\n.soi-aloe-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-aloe-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-aloe-marine);\n  margin-bottom: 4px;\n}\n\n.soi-aloe-tip p {\n  font-size: 14px;\n  color: var(--soi-aloe-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.soi-aloe-disclaimer {\n  font-size: 12px;\n  color: var(--soi-aloe-text-muted);\n  line-height: 1.6;\n  padding: 1rem 0 0;\n  border-top: 1px solid var(--soi-aloe-line);\n  margin-top: 0.5rem;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-aloe-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-aloe-accordion-item {\n  background: var(--soi-aloe-off-white);\n  border-radius: var(--soi-aloe-radius-sm);\n  border: 1px solid var(--soi-aloe-line);\n  overflow: hidden;\n}\n\n.soi-aloe-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-aloe-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-aloe-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-aloe-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-aloe-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-aloe-accordion-item[open] .soi-aloe-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-aloe-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-aloe-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-aloe-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-aloe-cta-box {\n  background: var(--soi-aloe-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-aloe-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-aloe-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-aloe-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-aloe-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-aloe-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-aloe-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-aloe-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-aloe-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-aloe-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-aloe-compo-value {\n    text-align: left;\n  }\n\n  .soi-aloe-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-aloe-benefits {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-aloe-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-aloe-fiche {\n    --soi-aloe-text-soft: #2C3E50;\n    --soi-aloe-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603331539274,"sku":"AY9961","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/aloe-vera-en-poudre-certifie-bio-ayurvana-packshot.webp?v=1779803412"},{"product_id":"gel-daloe-vera-bio-et-equitable-certifie-bio-centifolia","title":"Gel d'Aloe Vera bio et équitable certifié Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003ele Gel d'Aloe Vera Équitable \u0026amp; Bio de Centifolia\u003c\/strong\u003e, un soin naturel et biologique conçu pour offrir une hydratation et une protection optimales à votre peau et vos cheveux. Sa formule\u003cstrong\u003e riche en actifs naturels \u003c\/strong\u003eet son engagement écologique en font un produit incontournable pour toute routine de soins.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0540_b2f20be1-8143-4859-9cf4-04b542145a6b.jpg?v=1776180741\" alt=\"Photo d'un gel d'Aloe vera avec une feuille de la plante\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages du Gel d'Aloe Vera Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eGel d'Aloe Vera de Centifolia\u003c\/strong\u003e est composé à 99% d'ingrédients d'origine naturelle et à 98% d'ingrédients biologiques, garantissant une \u003cstrong\u003eformule douce et efficace\u003c\/strong\u003e. Sa texture légère\u003cstrong\u003e pénètre rapidement pour une application facile\u003c\/strong\u003e et agréable.\u003c\/p\u003e\n\u003cp\u003eLe nouveau packaging éco-responsable réduit l'utilisation de plastique de 65%, reflétant l'engagement de la marque pour l'environnement. Ce gel est certifié  Cosmos Organic et n'est pas testé sur les animaux.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits du Gel d'Aloe Vera certifié bio Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eCe gel offre une \u003cstrong\u003ehydratation intense, apaise les irritations et revitalise\u003c\/strong\u003e la peau et les cheveux. Il est particulièrement adapté aux\u003cstrong\u003e peaux sensibles\u003c\/strong\u003e et aux \u003cstrong\u003echeveux fragiles\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUtilisable sur le visage, le corps et les cheveux, il maintient une \u003cstrong\u003ehydratation optimale et soulage les rougeurs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003ePour les cheveux, il les \u003cstrong\u003erevitalise\u003c\/strong\u003e et leur\u003cstrong\u003e redonne de l'éclat\u003c\/strong\u003e. En cosmétique maison, il peut remplacer l'eau pour un soin personnalisé. Conservez-le au réfrigérateur pour un effet rafraîchissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Gel d'Aloe Vera Équitable \u0026amp; Bio de Centifolia\u003c\/strong\u003e est donc le choix parfait pour une hydratation et une protection naturelles et efficaces. En adoptant ce gel, vous bénéficiez de ses multiples bienfaits tout en faisant un geste pour l'environnement. Découvrez le pouvoir apaisant et revitalisant de l'Aloe Vera avec Centifolia, et intégrez ce produit indispensable à votre routine de soins !\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603399336266,"sku":"CE0540","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0540_gel_aloe-vera_bio_45ad5aac-2fe5-4804-988c-597fab37f2d4.jpg?v=1778842951"},{"product_id":"shampoing-demelant-violet-certifie-bio-centifolia","title":"Shampoing démêlant violet certifié bio - Centifolia","description":"\u003cdiv class=\"soi-shvio-fiche\"\u003e\n\n\u003csection class=\"soi-shvio-hero\"\u003e\n  \u003cdiv class=\"soi-shvio-hero-tag\"\u003e\n    \u003cspan class=\"soi-shvio-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Centifolia\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shvio-hero-title\"\u003eShampoing démêlant violet certifié bio\u003c\/span\u003e\n  \u003cp class=\"soi-shvio-hero-subtitle\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux blonds, blancs ou gris grâce aux pigments naturels de myrtille bio française, dans une formule 2 en 1 validée par des coiffeurs professionnels.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shvio-hero-labels\"\u003e\n    \u003cspan class=\"soi-shvio-label soi-shvio-label-accent\"\u003eBIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shvio-label\"\u003ePIGMENTS 100% NATURELS\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eLe shampoing violet bio qui neutralise vraiment les reflets jaunes\u003c\/h2\u003e\n  \u003cp\u003eVous avez des cheveux blonds, blancs ou gris et ces reflets dorés, jaunes ou orangés qui ternissent votre couleur vous agacent ? Le \u003cstrong\u003eshampoing démêlant violet déjaunisseur 2 en 1 Centifolia\u003c\/strong\u003e apporte une réponse concrète, naturelle et certifiée bio. Contrairement aux formules conventionnelles, celui-ci mise sur des \u003cstrong\u003epigments violets et bleus 100% naturels\u003c\/strong\u003e issus de la myrtille bio française pour neutraliser les indésirables, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment fonctionne un shampoing violet déjaunisseur ?\u003c\/h2\u003e\n  \u003cp\u003eLe principe repose sur la \u003cstrong\u003ethéorie des couleurs complémentaires\u003c\/strong\u003e : le violet annule le jaune, le bleu neutralise l'orange. Appliqués sur cheveux clairs, les pigments colorants se déposent temporairement sur la fibre pour \u003cstrong\u003erééquilibrer la teinte\u003c\/strong\u003e et redonner un éclat nacré ou cendré selon votre couleur naturelle. Le résultat est visible dès la première utilisation, avec un effet cumulatif au fil des lavages.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eCe qui distingue la formule Centifolia\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-benefits\"\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🫐\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eMyrtille bio de France\u003c\/h3\u003e\n      \u003cp\u003eRiche en antioxydants et en pigments bleus-violets naturels, elle nourrit et apaise le cuir chevelu tout en agissant sur le reflet.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eDouble action 2 en 1\u003c\/h3\u003e\n      \u003cp\u003eCe produit combine shampoing lavant et après-shampoing démêlant en un seul geste, idéal pour gagner du temps sans sacrifier le soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFormule certifiée bio et vegan\u003c\/h3\u003e\n      \u003cp\u003eSans ingrédients d'origine animale, sans sulfates agressifs, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-benefit\"\u003e\n      \u003cdiv class=\"soi-shvio-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eNe tache pas la peau\u003c\/h3\u003e\n      \u003cp\u003eContrairement à de nombreux shampoings violets du marché, la formule est conçue pour ne pas laisser de traces sur le front ou les mains.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-grid\"\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e💛 Blonds naturels, méchés ou décolorés\u003c\/h3\u003e\n      \u003cp\u003eVous entretenez une coloration blonde froide ou souhaitez raviver l'éclat de votre blond naturel en atténuant les tons chauds indésirables.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-card\"\u003e\n      \u003ch3\u003e🤍 Cheveux gris ou blancs\u003c\/h3\u003e\n      \u003cp\u003eVous laissez pousser vos cheveux blancs naturellement et recherchez une chevelure plus lumineuse et unifiée, sans jaunissement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-shvio-tip\"\u003e\n    \u003cdiv class=\"soi-shvio-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eL'effet est subtil mais réel : les tons chauds s'atténuent, la chevelure paraît plus lumineuse et unifiée dès les premières utilisations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour un résultat optimal ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-timeline\"\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eAppliquez et faites mousser\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noix de produit sur cheveux mouillés et massez délicatement le cuir chevelu pour faire mousser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'intensité des reflets à neutraliser, puis rincez abondamment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-step\"\u003e\n      \u003cdiv class=\"soi-shvio-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shvio-step-content\"\u003e\n        \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n        \u003cp\u003eUtilisez \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en alternance avec votre shampoing habituel pour éviter un effet trop cendreux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eComposition (liste INCI principale)\u003c\/h2\u003e\n  \u003cp\u003eFormule enrichie en \u003cstrong\u003eextrait de myrtille bio (Vaccinium myrtillus)\u003c\/strong\u003e, pigments naturels violets et bleus d'origine végétale, agents démêlants doux. Formule vegan, sans silicone, sans colorants synthétiques.\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003ePour la liste INCI complète, référez-vous à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\"\u003e\n  \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shvio-compo\"\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eBio, Vegan, Pigments 100% naturels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eValidé par\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eDes coiffeurs professionnels\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shvio-compo-row\"\u003e\n      \u003cspan class=\"soi-shvio-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shvio-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shvio-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shvio-cta-box\"\u003e\n    \u003cp class=\"soi-shvio-cta-tag\" style=\"color: white;\"\u003eVos cheveux méritent un éclat naturel\u003c\/p\u003e\n    \u003cp class=\"soi-shvio-cta-text\" style=\"color: white;\"\u003eFini les reflets qui trahissent votre couleur. Le shampoing violet bio Centifolia prend soin de vos cheveux blonds, blancs ou gris avec des pigments naturels issus de la myrtille française, sans agresser la fibre ni tacher la peau. Un geste simple, une formule honnête, un éclat retrouvé.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shvio-marine: #1A2D3D;\n  --soi-shvio-marine-dark: #0F1E2B;\n  --soi-shvio-marine-light: #2C4458;\n  --soi-shvio-pomme: #A1C544;\n  --soi-shvio-pomme-dark: #84A636;\n  --soi-shvio-pomme-light: rgba(161,197,68,0.10);\n  --soi-shvio-white: #FFFFFF;\n  --soi-shvio-off-white: #F8FAF6;\n  --soi-shvio-stone: #F1F3EE;\n  --soi-shvio-line: #E5E8E0;\n  --soi-shvio-primary: #5B3FA0;\n  --soi-shvio-primary-soft: #7B68AE;\n  --soi-shvio-accent: #3D2B6E;\n  --soi-shvio-text: #1A2D3D;\n  --soi-shvio-text-soft: #4A5B6B;\n  --soi-shvio-text-muted: #7B8693;\n  --soi-shvio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shvio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shvio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shvio-radius: 12px;\n  --soi-shvio-radius-sm: 8px;\n  --soi-shvio-radius-pill: 999px;\n}\n\n.soi-shvio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shvio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shvio-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shvio-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shvio-hero {\n  position: relative;\n  background: var(--soi-shvio-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-shvio-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shvio-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shvio-pomme);\n}\n\n.soi-shvio-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-shvio-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 50%;\n}\n\n.soi-shvio-hero-title {\n  display: block;\n  color: var(--soi-shvio-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvio-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-shvio-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shvio-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-shvio-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shvio-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shvio-label-accent {\n  background: var(--soi-shvio-pomme);\n  border-color: var(--soi-shvio-pomme);\n  color: var(--soi-shvio-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shvio-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shvio-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-shvio-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 2px;\n}\n\n.soi-shvio-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shvio-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shvio-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shvio-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shvio-benefit {\n  background: var(--soi-shvio-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shvio-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shvio-shadow-md);\n}\n\n.soi-shvio-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shvio-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-shvio-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shvio-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shvio-benefit:hover .soi-shvio-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shvio-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-benefit p {\n  font-size: 13px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shvio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-shvio-card {\n  background: var(--soi-shvio-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border-left: 3px solid var(--soi-shvio-pomme);\n}\n\n.soi-shvio-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shvio-card p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shvio-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shvio-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shvio-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shvio-radius);\n  border: 1px solid var(--soi-shvio-line);\n  align-items: flex-start;\n}\n\n.soi-shvio-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shvio-marine);\n  color: var(--soi-shvio-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-shvio-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shvio-step-content p {\n  font-size: 14px;\n  color: var(--soi-shvio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shvio-compo {\n  background: var(--soi-shvio-off-white);\n  border-radius: var(--soi-shvio-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shvio-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-shvio-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shvio-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shvio-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shvio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shvio-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shvio-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shvio-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shvio-pomme-light);\n  border-left: 4px solid var(--soi-shvio-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shvio-radius) var(--soi-shvio-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shvio-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shvio-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shvio-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shvio-tip p {\n  font-size: 14px;\n  color: var(--soi-shvio-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shvio-cta-box {\n  background: var(--soi-shvio-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shvio-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shvio-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-shvio-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shvio-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-shvio-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shvio-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-shvio-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-shvio-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shvio-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shvio-compo-value {\n    text-align: left;\n  }\n\n  .soi-shvio-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shvio-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shvio-fiche {\n    --soi-shvio-text-soft: #2C3E50;\n    --soi-shvio-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603400581450,"sku":"CE0560","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-violet-certifie-bio-centifolia-packshot_ef705352-d9c2-4eb1-b327-c30cd63929d2.webp?v=1779448758"},{"product_id":"masque-dejaunisseur-certifie-bio-centifolia","title":"Masque Déjaunisseur certifié Bio - Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003cp\u003e\u003cstrong\u003eLe Masque Ultra Violet Déjaunisseur de Centifolia\u003c\/strong\u003e, en pot de 250 ml, offre une efficacité professionnelle \u003cstrong\u003eanti-reflets jaunes et orangés\u003c\/strong\u003e. Ce produit innovant, validé par des coiffeurs professionnels, est le premier masque ultra violet déjaunisseur certifié bio.\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques du Masque déjaunisseur Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de cheveux :\u003c\/strong\u003e Idéal pour les cheveux blonds, blancs et gris.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePigments naturels :\u003c\/strong\u003e Contient des pigments violets et bleus 100% naturels pour neutraliser les reflets indésirables.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition :\u003c\/strong\u003e Offre 48H de nutrition, réparant et renforçant les cheveux sensibilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CE0570_3c0f0200-fcd8-4085-be43-5c4ab788b902.jpg?v=1776180741\" alt=\"Photo d'une femme blonde de dos qui s'applique un masque capillaire\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eIngrédients clés du Masque Ultra Violet déjaunisseur\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMyrtille bio\u003c\/strong\u003e : Antioxydante, apaisante et hydratante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRacines de patate douce\u003c\/strong\u003e : Pigments violets pour neutraliser les reflets jaunes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJasmin du Cap\u003c\/strong\u003e : Pigments bleus pour neutraliser les reflets orangés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication :\u003c\/strong\u003e Conçu et fabriqué en France, formule vegan sans ingrédients d'origine animale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum :\u003c\/strong\u003e 100% naturel et éco-conçu (Index A).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003eAvantages et bienfaits du Masque capillaire Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralisation des reflets indésirables :\u003c\/strong\u003e Élimine efficacement les reflets jaunes et orangés pour un blond plus lumineux et éclatant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation en profondeur :\u003c\/strong\u003e Restaure la santé des cheveux abîmés en les nourrissant intensément pendant 48 heures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCheveux plus forts et doux :\u003c\/strong\u003e Améliore la texture des cheveux, les rendant visiblement plus forts, doux et soyeux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection des cheveux :\u003c\/strong\u003e Forme une barrière protectrice contre les agressions extérieures, aidant à prévenir les dommages futurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule respectueuse :\u003c\/strong\u003e Sans ingrédients d'origine animale, convient aux régimes vegan, et ne tache pas la peau.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eOffrez à vos cheveux le meilleur de la nature avec le \u003cstrong\u003eMasque Ultra Violet Déjaunisseur de Centifolia\u003c\/strong\u003e, pour des cheveux \u003cstrong\u003eéclatants, réparés et protégés\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603402350922,"sku":"CE0570","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ce0570_masque_dejaunisseur_bio_1178c874-7c09-4dbf-b62c-dcda117ca194.jpg?v=1778842954"},{"product_id":"shampoing-bio-cheveux-secs-le-gang-des-bulles","title":"Shampoing bio cheveux secs - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-shbio-hero\"\u003e\n    \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n      \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène capillaire · Le Gang des Bulles\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux secs\u003c\/span\u003e\n    \u003cp class=\"soi-shbio-hero-subtitle\"\u003eNourrissez en profondeur vos cheveux secs et abîmés grâce à une formule certifiée, concentrée et délicatement parfumée sauge ananas.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n      \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-label\"\u003eCERTIFIÉ B CORP\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-label\"\u003eSANS SULFATE · SANS SILICONE · SANS PARABEN\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003eLe shampoing bio idéal pour les cheveux secs et abîmés\u003c\/h2\u003e\n    \u003cp\u003eVos cheveux tirent, cassent, manquent d'éclat ? C'est souvent le signe d'une fibre capillaire assoiffée qui réclame des soins vrais et des actifs nourrissants. Le \u003cstrong\u003eshampoing bio cheveux secs du Gang des Bulles\u003c\/strong\u003e a été pensé précisément pour cela : nourrir en profondeur, restaurer la souplesse et sublimer votre chevelure, lavage après lavage.\u003c\/p\u003e\n    \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, formulé et fabriqué en France, il s'impose comme l'un des \u003cstrong\u003emeilleurs shampoings pour cheveux secs\u003c\/strong\u003e du marché naturel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003ePourquoi vos cheveux secs ont besoin d'un shampoing bio adapté\u003c\/h2\u003e\n    \u003cp\u003eLes cheveux secs manquent de lipides : leur cuticule ne retient plus l'eau correctement, ce qui provoque des frisottis, une texture rêche et une casse accrue. La plupart des shampoings conventionnels aggravent le problème en décapant encore davantage le film hydrolipidique avec des sulfates agressifs.\u003c\/p\u003e\n    \u003cp\u003eCe \u003cstrong\u003eshampoing bio pour cheveux secs\u003c\/strong\u003e prend le contre-pied de cette logique : sans sulfate, sans silicone, sans paraben, il nettoie en douceur tout en déposant une couche protectrice et nutritive sur chaque mèche. Résultat : des cheveux lavés, mais pas dépouillés.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Actifs --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003eLes actifs bio qui font vraiment la différence\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shbio-benefits\"\u003e\n      \u003cdiv class=\"soi-shbio-benefit\"\u003e\n        \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🍑\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de prune bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras insaturés, elle pénètre la fibre capillaire pour la nourrir en profondeur et redonner brillance et douceur sans alourdir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-benefit\"\u003e\n        \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés hydratantes et réparatrices renforcent la structure du cheveu de l'intérieur, luttant contre la sécheresse et la casse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-benefit\"\u003e\n        \u003cdiv class=\"soi-shbio-benefit-icon\"\u003e\u003cspan\u003e🌼\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEau florale d'hélichryse bio\u003c\/h3\u003e\n        \u003cp\u003eApaisante et rééquilibrante, elle calme les irritations du cuir chevelu et contribue à un environnement sain pour la repousse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-tip\"\u003e\n      \u003cdiv class=\"soi-shbio-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe trio d'actifs agit en synergie pour répondre aux vrais besoins des cheveux secs, cassants ou fragilisés : hydratation, nutrition, protection.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Formule concentrée --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003eUne formule concentrée, un parfum inoubliable\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n      \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n        \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-card-mini-value\"\u003e200 ml super concentré\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n        \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🍍\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-card-mini-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-card-mini-value\"\u003eSauge ananas\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n        \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-card-mini-label\"\u003eTexture\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-card-mini-value\"\u003eLaiteuse, rinçage facile\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1.25rem;\"\u003eUne petite quantité suffit pour une mousse onctueuse et généreuse. Chaque lavage libère un délicat parfum \u003cstrong\u003esauge ananas\u003c\/strong\u003e, frais, végétal et original, qui transforme votre routine en un vrai moment de plaisir sensoriel. Votre chevelure ressort légère, douce et visiblement plus nourrie dès la première utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Mode d'emploi --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing pour cheveux secs\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shbio-timeline\"\u003e\n      \u003cdiv class=\"soi-shbio-step\"\u003e\n        \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shbio-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit sur cheveux mouillés. La formule est concentrée, pas besoin d'en mettre beaucoup.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-step\"\u003e\n        \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shbio-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la circulation et bien répartir les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-step\"\u003e\n        \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shbio-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède, jamais trop chaude pour préserver l'hydratation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-step\"\u003e\n        \u003cdiv class=\"soi-shbio-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shbio-step-content\"\u003e\n          \u003ch3\u003eComplétez (optionnel)\u003c\/h3\u003e\n          \u003cp\u003ePour un résultat optimal, associez-le à un masque nourrissant ou à une huile capillaire une à deux fois par semaine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-tip\"\u003e\n      \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe shampoing convient à un usage régulier, idéalement deux à trois fois par semaine selon la nature de votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Pour qui --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shbio-grid\"\u003e\n      \u003cdiv class=\"soi-shbio-card\"\u003e\n        \u003ch3\u003e🌾 Cheveux naturellement secs\u003c\/h3\u003e\n        \u003cp\u003eSi votre fibre capillaire manque de lipides au quotidien, ce shampoing apporte la nutrition profonde dont vous avez besoin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-card\"\u003e\n        \u003ch3\u003e🔥 Cheveux abîmés par la chaleur ou les colorations\u003c\/h3\u003e\n        \u003cp\u003eFragilisés par le sèche-cheveux, le lisseur ou les traitements chimiques, vos cheveux retrouvent souplesse et vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-card\"\u003e\n        \u003ch3\u003e🍃 Cuirs chevelus sensibles\u003c\/h3\u003e\n        \u003cp\u003eConvient aux cuirs chevelus sensibles et aux cheveux colorés. Certifié B Corp et Cosmos Organic pour une formule respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 : Composition --\u003e\n  \u003csection class=\"soi-shbio-section\"\u003e\n    \u003ch2\u003eComposition complète du shampoing bio cheveux secs\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shbio-compo\"\u003e\n      \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n        \u003cspan class=\"soi-shbio-compo-label\"\u003eINCI complet\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-shbio-text-soft);\"\u003eAqua, Sodium Coco-Sulfate (dérivé naturel de coco), Cocamidopropyl Betaine (tensioactif doux), Prunus Domestica Seed Oil* (huile de prune), Cocos Nucifera Oil* (huile de coco), Helichrysum Italicum Flower Water* (eau florale d'hélichryse), Parfum (sauge ananas, issu d'ingrédients naturels), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n        \u003cspan class=\"soi-shbio-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-compo-value\"\u003eCosmos Organic par Ecocert Greenlife\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n        \u003cspan class=\"soi-shbio-compo-label\"\u003eVolume\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-compo-value\"\u003e200 ml (format super concentré)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n        \u003cspan class=\"soi-shbio-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-shbio-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top:1rem;\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n      \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eParce que vos cheveux méritent mieux qu'un shampoing ordinaire : avec ce soin bio sauge ananas du Gang des Bulles, chaque lavage devient un geste de bienveillance envers votre chevelure et 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  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-shbio-marine: #1A2D3D;\n  --soi-shbio-marine-dark: #0F1E2B;\n  --soi-shbio-marine-light: #2C4458;\n  --soi-shbio-pomme: #A1C544;\n  --soi-shbio-pomme-dark: #84A636;\n  --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-shbio-white: #FFFFFF;\n  --soi-shbio-off-white: #F8FAF6;\n  --soi-shbio-stone: #F1F3EE;\n  --soi-shbio-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging sauge\/ananas\/ambre) === *\/\n  --soi-shbio-primary: #D88F4A;\n  --soi-shbio-primary-soft: rgba(216,143,74,0.10);\n  --soi-shbio-accent: #C4703A;\n\n  \/* === Textes === *\/\n  --soi-shbio-text: #1A2D3D;\n  --soi-shbio-text-soft: #4A5B6B;\n  --soi-shbio-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shbio-radius: 12px;\n  --soi-shbio-radius-sm: 8px;\n  --soi-shbio-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shbio-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shbio-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shbio-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n  position: relative;\n  background: var(--soi-shbio-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-shbio-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-shbio-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shbio-pomme);\n  border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n  display: block;\n  color: var(--soi-shbio-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shbio-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-shbio-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shbio-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-shbio-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shbio-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n  background: var(--soi-shbio-pomme);\n  border-color: var(--soi-shbio-pomme);\n  color: var(--soi-shbio-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-shbio-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shbio-pomme);\n  border-radius: 2px;\n}\n\n.soi-shbio-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shbio-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbio-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shbio-benefit {\n  background: var(--soi-shbio-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shbio-radius);\n  border: 1px solid var(--soi-shbio-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbio-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shbio-shadow-md);\n}\n\n.soi-shbio-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shbio-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-shbio-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shbio-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shbio-benefit:hover .soi-shbio-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shbio-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbio-benefit p {\n  font-size: 13px;\n  color: var(--soi-shbio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shbio-card {\n  background: var(--soi-shbio-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbio-radius);\n  border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n  font-size: 14px;\n  color: var(--soi-shbio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-shbio-card-mini {\n  background: var(--soi-shbio-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shbio-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shbio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shbio-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shbio-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbio-radius);\n  border: 1px solid var(--soi-shbio-line);\n  align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shbio-marine);\n  color: var(--soi-shbio-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-shbio-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n  font-size: 14px;\n  color: var(--soi-shbio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbio-compo {\n  background: var(--soi-shbio-off-white);\n  border-radius: var(--soi-shbio-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shbio-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-shbio-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shbio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-shbio-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shbio-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shbio-pomme-light);\n  border-left: 4px solid var(--soi-shbio-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shbio-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n  font-size: 14px;\n  color: var(--soi-shbio-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n  background: var(--soi-shbio-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shbio-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shbio-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-shbio-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-shbio-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shbio-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-shbio-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shbio-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shbio-compo-value {\n    text-align: left;\n  }\n\n  .soi-shbio-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-shbio-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shbio-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shbio-grid-compact {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shbio-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shbio-fiche {\n    --soi-shbio-text-soft: #2C3E50;\n    --soi-shbio-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426074954,"sku":"GB0025","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-secs-le-gang-des-bulles-packshot.webp?v=1779452802"},{"product_id":"henne-neutre-certifie-bio-et-vegetal-les-couleurs-de-jeanne","title":"Henné neutre certifié Bio et Végétal - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0030_688e3678-1c60-4324-a28e-2f2d8d571dd5.jpg?v=1776180883\" alt=\"Photo d'une femme avec de beaux cheveux\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLe henné neutre de la marque Les Couleurs de Jeanne est un \u003cstrong\u003esoin capillaire 100% naturel et biologique\u003c\/strong\u003e, conçu pour \u003cstrong\u003erenforcer et revitaliser les cheveux\u003c\/strong\u003e sans les colorer. Il est idéal pour ceux qui souhaitent un soin profond et respectueux de la fibre capillaire.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de ce henné :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composé exclusivement de feuilles de Cassia auriculata, le henné neutre apporte des bienfaits exceptionnels aux cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Formulé sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : Ce soin gaine le cheveu sans altérer sa structure, respectant ainsi sa nature et son intégrité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits du henné neutre :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforcement de la fibre capillaire\u003c\/strong\u003e : Le henné neutre renforce et protège les cheveux, apportant volume, souplesse et brillance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurification du cuir chevelu\u003c\/strong\u003e : Il aide à réguler la production de sébum, purifiant le cuir chevelu et réduisant les racines grasses.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection et soin\u003c\/strong\u003e : Idéal pour apaiser les cuirs chevelus irrités, il protège également contre les pellicules et les poux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de ce henné neutre :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure une composition biologique et écologique, respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLe henné neutre de Les Couleurs de Jeanne est parfait pour ceux qui recherchent un soin naturel et efficace pour \u003cstrong\u003erevitaliser leurs cheveux sans les colorer\u003c\/strong\u003e. Sa composition pure et ses certifications en font un choix sûr et éthique pour une \u003cstrong\u003echevelure en pleine santé\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603502129482,"sku":"CJ0030","price":12.26,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0030_henne_d498ba45-9d84-4424-9a39-c82b4fd3a2bf.jpg?v=1778843044"},{"product_id":"coloration-certifiee-bio-et-vegetale-blond-clair-les-couleurs-de-jeanne","title":"Coloration Certifiée Bio et Végétale Blond Clair - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0025_9171f155-6077-449d-a7f2-b74845ec346f.jpg?v=1776180884\" alt=\"Photo d'une femme aux cheveux blonds courts et portant des lunettes de soleil\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale Blond Clair de la marque Les Couleurs de Jeanne offre une teinte lumineuse et naturelle, idéale pour ceux qui souhaitent une \u003cstrong\u003ealternative saine et respectueuse de l'environnement\u003c\/strong\u003e pour colorer leurs cheveux.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% naturelle\u003c\/strong\u003e : Composée de henné neutre et de camomille, elle renforce et fait briller les cheveux tout en apportant des reflets blonds éclatants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Formulée sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans pénétrer la fibre capillaire, préservant ainsi la structure naturelle des cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration végétale blond clair :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture parfaite\u003c\/strong\u003e : Couvre efficacement les cheveux blancs, offrant une couleur homogène et naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin des cheveux\u003c\/strong\u003e : Les ingrédients végétaux apportent éclat et vitalité aux cheveux tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTenue durable\u003c\/strong\u003e : La superposition des pigments naturels permet une tenue longue durée et un rendu naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de cette coloration végétale :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure une formulation biologique et respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est garanti sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration végétale Blond Clair de Les Couleurs de Jeanne est parfaite pour ceux qui cherchent une \u003cstrong\u003ealternative naturelle et respectueuse pour teindre leurs cheveux.\u003c\/strong\u003e Sa composition sans produits chimiques et ses certifications en font un choix sûr et éthique pour une coloration réussie.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603502653770,"sku":"CJ0025","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0025_blond_clair_689b27bd-2d06-4c01-85b6-6140acf5f75d.jpg?v=1778843045"},{"product_id":"coloration-certifiee-bio-et-vegetale-cuivre-rouge-les-couleurs-de-jeanne","title":"Coloration certifiée Bio et Végétale Cuivré Rouge - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0020_a4918e62-25e0-42c0-bdba-d0d36347c97b.jpg?v=1776180881\" alt=\"Photo d'une femme avec les cheveux cuivrés rouge\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale Cuivré Rouge des Couleurs de Jeanne offre une \u003cstrong\u003eteinte lumineuse et naturelle\u003c\/strong\u003e tout en prenant soin de vos cheveux et du cuir chevelu. Cette teinture est idéale pour ceux qui préfèrent une \u003cstrong\u003esolution saine et écologique pour colorer leurs cheveux.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de la coloration Les couleurs de Jeanne :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% naturelle\u003c\/strong\u003e : Enrichie en henné et garance, elle procure des reflets rouges intenses tout en fortifiant les cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Formulée sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans altérer sa structure naturelle, garantissant un respect total de la fibre capillaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration cuivré rouge :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture parfaite\u003c\/strong\u003e : Couvre efficacement les cheveux blancs, assurant une teinte vive et homogène.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin revitalisant\u003c\/strong\u003e : Les ingrédients végétaux apportent éclat et vigueur aux cheveux, tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTenue longue durée\u003c\/strong\u003e : Les pigments naturels garantissent une couleur durable et un effet naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure une formulation biologique et écologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, sans cruauté animale et adapté aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration végétale Cuivré Rouge de Les Couleurs de Jeanne est parfaite pour ceux qui cherchent une alternative naturelle et respectueuse pour teindre leurs cheveux. Sa \u003cstrong\u003ecomposition sans produits chimiques\u003c\/strong\u003e et ses certifications en font un \u003cstrong\u003echoix sûr et éthique\u003c\/strong\u003e pour une coloration réussie.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603503046986,"sku":"CJ0020","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0020_cuivre_rouge_483d955c-5ae2-4e9d-8a45-eb7b73a9d874.jpg?v=1778843052"},{"product_id":"coloration-certifiee-bio-et-vegetale-cuivre-dore-les-couleurs-de-jeanne","title":"Coloration Certifiée Bio et Végétale Cuivré Doré - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0015_ee95a79f-2e12-4f2f-a825-3383bb58bbf4.jpg?v=1776180881\" alt=\"Photo d'un visage de femme de profil\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale Cuivré Doré de la marque Les Couleurs de Jeanne est spécialement conçue pour offrir une \u003cstrong\u003ecouleur lumineuse et naturelle\u003c\/strong\u003e tout en respectant la santé de vos cheveux et de votre cuir chevelu. Parfaite pour ceux qui souhaitent adopter une \u003cstrong\u003ecoloration douce et respectueuse de l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette coloration cuivré doré :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composée de henné neutre et d'autres plantes telles que la rhubarbe, le curcuma et la camomille, elle apporte brillance et force aux cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans pénétrer la fibre capillaire, respectant ainsi la structure naturelle de vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration végétale cuivré doré :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture optimale\u003c\/strong\u003e : Couvre efficacement les cheveux blancs tout en apportant une couleur riche et naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin des cheveux\u003c\/strong\u003e : Les ingrédients végétaux apportent brillance et force aux cheveux, tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité de la couleur\u003c\/strong\u003e : La superposition des pigments végétaux permet une tenue longue durée et un rendu naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Garantit une composition biologique et respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est garanti sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration végétale Cuivré Doré de Les Couleurs de Jeanne est idéale pour ceux qui recherchent une \u003cstrong\u003ealternative naturelle et respectueuse pour colorer leurs cheveux\u003c\/strong\u003e. Sa formule sans produits chimiques et ses certifications en font un choix sûr et éthique pour une coloration réussie.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603504390474,"sku":"CJ0015","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0015_cuivre_dore_0c751e03-864e-4adf-bbe1-fd73f46c7367.jpg?v=1778843042"},{"product_id":"coloration-certifiee-bio-et-vegetale-brun-les-couleurs-de-jeanne","title":"Coloration certifiée Bio et Végétale Brun - Les Couleurs de Jeanne","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa coloration végétale Brun de la marque Les Couleurs de Jeanne est conçue pour offrir une couleur intense et naturelle tout en respectant la santé de vos cheveux et de votre cuir chevelu. Cette coloration est idéale pour ceux qui souhaitent \u003cstrong\u003enuancer ou intensifier leur couleur naturelle\u003c\/strong\u003e avec des produits 100% végétaux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0010_4e423cc5-edab-4fa9-b212-44999ee7f0a4.jpg?v=1776180889\" alt=\"Photo de cheveux bruns et du sourire d'une femme\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003eCaractéristiques principales de la coloration Brun :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule naturelle\u003c\/strong\u003e : Composée de henné et d'autres plantes ayurvédiques telles que l'amla et le neem, qui renforcent et protègent vos cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques\u003c\/strong\u003e : Sans PPD, acide picramique, sels métalliques, colorants synthétiques, conservateurs ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de la fibre capillaire\u003c\/strong\u003e : La coloration gaine le cheveu sans pénétrer la fibre capillaire, respectant ainsi la structure naturelle de vos cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration végétale brun :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouverture optimale\u003c\/strong\u003e : Couvre efficacement les cheveux blancs tout en apportant une couleur riche et naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin des cheveux\u003c\/strong\u003e : Les ingrédients végétaux apportent brillance et force aux cheveux, tout en les protégeant des agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité de la couleur\u003c\/strong\u003e : La superposition des pigments végétaux permet une tenue longue durée et un rendu naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eEngagement qualité de cette coloration naturelle :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Garantit une composition biologique et respectueuse de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, ce produit est garanti sans cruauté animale et convient aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLa coloration végétale Brun de Les Couleurs de Jeanne est parfaite pour ceux qui recherchent une \u003cstrong\u003ealternative naturelle et respectueuse pour colorer leurs cheveux\u003c\/strong\u003e. Sa formule sans produits chimiques et ses certifications en font un choix sûr et éthique pour une coloration réussie.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603504947530,"sku":"CJ0010","price":10.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0010_brun_b223b3a3-c1c3-44a1-ab81-7f77b9a358b7.jpg?v=1778843044"},{"product_id":"coloration-certifiee-bio-et-vegetale-chatain-fonce-les-couleurs-de-jeanne","title":"Coloration certifiée Bio et Végétale Châtain Foncé - Les Couleurs de Jeanne","description":"\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_CJ0005_27778180-3ccb-4248-847c-6de32e2ded0e.jpg?v=1776180881\" alt=\"Photo d'une femme châtain foncé avec un casque sur la tête\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003cp\u003eLa coloration végétale châtain foncé de la marque Les Couleurs de Jeanne est une solution naturelle et douce pour colorer vos cheveux tout en respectant votre cuir chevelu et l'environnement. Formulée à partir de plantes, cette coloration offre \u003cstrong\u003eune couleur intense et une couverture optimale des cheveux blancs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques principales de cette coloration :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule 100% végétale et bio\u003c\/strong\u003e : Composée de henné et d'une association de plantes, cette coloration est certifiée Cosmos Organic, garantissant des ingrédients issus de l'agriculture biologique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSans produits chimiques nocifs\u003c\/strong\u003e : Ne contient ni PPD (paraphénylènediamine), ni acide picramique, ni sels métalliques, ni colorants synthétiques, ni conservateurs, ni parfum ajouté.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté pour différentes couleurs\u003c\/strong\u003e : Cette coloration s’utilise aussi bien sur cheveux blonds foncés, châtains clairs, châtains miel et châtains foncés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eBienfaits de la coloration châtain foncé :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCouleur intense et durable\u003c\/strong\u003e : Offre une couleur riche et profonde qui couvre tous les cheveux blancs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect des cheveux et du cuir chevelu\u003c\/strong\u003e : La formule végétale gaine le cheveu sans pénétrer la fibre capillaire, ce qui respecte la structure naturelle du cheveu et évite les irritations du cuir chevelu.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce et apporte de la brillance\u003c\/strong\u003e : Le henné et les plantes utilisées non seulement colorent mais apportent également force et brillance aux cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\n\u003ch2\u003eEngagement qualité de la coloration Couleurs de Jeanne :\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e : Assure que tous les ingrédients sont biologiques et respectueux de l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCruelty Free and Vegan\u003c\/strong\u003e : Labellisé par PETA, garantissant un produit non testé sur les animaux et adapté aux végétaliens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003eLa coloration châtain foncé de Les Couleurs de Jeanne est parfaite pour ceux qui recherchent une \u003cstrong\u003ealternative naturelle aux colorations chimiques\u003c\/strong\u003e, offrant une teinte intense et naturelle tout en prenant soin de leurs cheveux et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Les Couleurs de Jeanne","offers":[{"title":"Default Title","offer_id":61603505439050,"sku":"CJ0005","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/couleurs_jeanne_cj0005_chatain_fonce_41362dd7-cd71-4843-99db-a7912205186c.jpg?v=1778843044"},{"product_id":"shampooing-protecteur-de-couleur-certifie-bio-et-vegan-coslys","title":"Shampooing Protecteur de Couleur certifié bio et vegan – Coslys","description":"\u003cdiv class=\"soi-shpc-fiche\"\u003e\n\n  \u003csection class=\"soi-shpc-hero\"\u003e\n    \u003cdiv class=\"soi-shpc-hero-tag\"\u003e\n      \u003cspan class=\"soi-shpc-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shpc-hero-title\"\u003eShampooing Protecteur de Couleur certifié bio et vegan\u003c\/span\u003e\n    \u003cp class=\"soi-shpc-hero-subtitle\"\u003ePréservez l'éclat et l'intensité de votre couleur, lavage après lavage, grâce à une formule douce à la cerise et à la framboise bio française, sans sulfates ni silicone.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shpc-hero-labels\"\u003e\n      \u003cspan class=\"soi-shpc-label soi-shpc-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003eVEGAN \u0026amp; CRUELTY FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003e97,9 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-shpc-label\"\u003eFLACON 100 % RECYCLÉ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003ePourquoi ce shampooing couleur sans sulfate change vraiment les choses\u003c\/h2\u003e\n    \u003cp class=\"soi-shpc-section-intro\"\u003eVous avez investi dans une belle couleur ou des mèches soignées, et la dernière chose que vous souhaitez, c'est de les voir ternir après quelques lavages. Coslys fait le choix d'une formule douce, à 97,9 % d'origine naturelle, qui nettoie sans agresser la fibre capillaire ni accélérer la décoloration.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shpc-benefits\"\u003e\n      \u003cdiv class=\"soi-shpc-benefit\"\u003e\n        \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003epH entre 4 et 5\u003c\/h3\u003e\n        \u003cp\u003eCe pH légèrement acide referme les écailles du cheveu après coloration, limitant la fuite des pigments et préservant l'intensité de la teinte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-benefit\"\u003e\n        \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e🚫\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans silicone\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux sont réellement nourris, pas simplement gainés en surface. La fibre capillaire respire et retrouve sa vitalité naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-benefit\"\u003e\n        \u003cdiv class=\"soi-shpc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSans sulfates\u003c\/h3\u003e\n        \u003cp\u003eUn nettoyage respectueux qui préserve votre couleur à chaque lavage, sans décaper ni fragiliser la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eLes actifs clés : cerise bio et framboise bio française\u003c\/h2\u003e\n    \u003cp class=\"soi-shpc-section-intro\"\u003eCe qui rend ce shampooing pour cheveux colorés vraiment unique, c'est son trio d'actifs gourmands et efficaces, sélectionnés pour protéger et sublimer votre couleur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shpc-grid\"\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🍒 Huile de cerise bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels, elle nourrit en profondeur la fibre capillaire fragilisée par la coloration et lui restitue souplesse et brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🫐 Vinaigre de framboise bio français\u003c\/h3\u003e\n        \u003cp\u003eNaturellement acidifiant, il contribue à la fermeture des écailles et agit comme une véritable barrière contre les agressions extérieures : pollution, calcaire, UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🌾 Protéine de riz\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour renforcer la structure du cheveu, elle aide à maintenir l'intensité et la vivacité de la couleur sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shpc-tip\"\u003e\n      \u003cdiv class=\"soi-shpc-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe résultat\u003c\/strong\u003e\n        \u003cp\u003eUn parfum fruité et délicat, des cheveux visiblement plus brillants, et une couleur qui tient dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eComment utiliser votre shampooing protecteur de couleur Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shpc-timeline\"\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de shampooing sur cheveux mouillés et massez délicatement le cuir chevelu du bout des doigts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003ePatientez 1 à 2 minutes pour laisser les actifs agir sur la fibre capillaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Évitez l'eau trop chaude, qui ouvre les écailles et favorise la décoloration.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-step\"\u003e\n        \u003cdiv class=\"soi-shpc-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shpc-step-content\"\u003e\n          \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n          \u003cp\u003eÀ utiliser à chaque lavage pour des résultats optimaux. Renouvelez l'opération si besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eComposition complète du shampooing\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shpc-accordion\"\u003e\n      \u003cdetails class=\"soi-shpc-accordion-item\"\u003e\n        \u003csummary class=\"soi-shpc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shpc-accordion-content\"\u003e\n          \u003cp\u003eAqua (Water), Disodium Cocoyl Glutamate, Sodium Cocoyl Glutamate, Cocamidopropyl Betaine, Glycerin*, Hydrolyzed Rice Protein, Prunus Avium (Sweet Cherry) Seed Oil*, Rubus Idaeus (Raspberry) Fruit Vinegar*, Sodium Chloride, Citric Acid, Parfum (Fragrance), Benzyl Alcohol, Dehydroacetic Acid, Sodium Benzoate, Potassium Sorbate, CI 17200, CI 42090.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\"\u003e\n    \u003ch2\u003eCe shampooing est fait pour vous si…\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shpc-grid\"\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🎨 Vous avez les cheveux colorés, méchés ou balayés\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez préserver l'éclat de votre couleur entre deux colorations et limiter la perte de pigments au fil des lavages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🌱 Vous recherchez une formule bio et vegan\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un shampooing couleur sans sulfate, vegan et certifié bio, sans compromis sur l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Vous privilégiez la fabrication française\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez une alternative naturelle avec une formule fabriquée en France et un flacon 100 % recyclé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shpc-card\"\u003e\n        \u003ch3\u003e🐰 Vous êtes sensible au respect du vivant\u003c\/h3\u003e\n        \u003cp\u003eVous êtes sensible aux produits respectueux de l'environnement et des animaux, certifié Cruelty Free.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-shpc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shpc-cta-box\"\u003e\n      \u003cp class=\"soi-shpc-cta-tag\" style=\"color: white;\"\u003eVotre couleur mérite le meilleur du naturel\u003c\/p\u003e\n      \u003cp class=\"soi-shpc-cta-text\" style=\"color: white;\"\u003eProtégez chaque nuance et ravivez l'éclat de vos cheveux avec ce shampooing bio Coslys. Une routine capillaire douce, gourmande et engagée, pour une couleur qui dure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shpc-marine: #1A2D3D;\n  --soi-shpc-marine-dark: #0F1E2B;\n  --soi-shpc-marine-light: #2C4458;\n  --soi-shpc-pomme: #A1C544;\n  --soi-shpc-pomme-dark: #84A636;\n  --soi-shpc-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shpc-white: #FFFFFF;\n  --soi-shpc-off-white: #F8FAF6;\n  --soi-shpc-stone: #F1F3EE;\n  --soi-shpc-line: #E5E8E0;\n\n  --soi-shpc-primary: #C0394F;\n  --soi-shpc-primary-soft: #F2E0E4;\n  --soi-shpc-accent: #D4A82A;\n\n  --soi-shpc-text: #1A2D3D;\n  --soi-shpc-text-soft: #4A5B6B;\n  --soi-shpc-text-muted: #7B8693;\n\n  --soi-shpc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shpc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shpc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shpc-radius: 12px;\n  --soi-shpc-radius-sm: 8px;\n  --soi-shpc-radius-pill: 999px;\n}\n\n.soi-shpc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shpc-fiche img { max-width: 100%; height: auto; }\n\n.soi-shpc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shpc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shpc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shpc-hero {\n  position: relative;\n  background: var(--soi-shpc-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-shpc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shpc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shpc-pomme);\n}\n\n.soi-shpc-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-shpc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shpc-pomme);\n  border-radius: 50%;\n}\n\n.soi-shpc-hero-title {\n  display: block;\n  color: var(--soi-shpc-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shpc-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-shpc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shpc-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-shpc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shpc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shpc-label-accent {\n  background: var(--soi-shpc-pomme);\n  border-color: var(--soi-shpc-pomme);\n  color: var(--soi-shpc-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shpc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shpc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-shpc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shpc-pomme);\n  border-radius: 2px;\n}\n\n.soi-shpc-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shpc-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shpc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shpc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shpc-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shpc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shpc-benefit {\n  background: var(--soi-shpc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shpc-radius);\n  border: 1px solid var(--soi-shpc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shpc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shpc-shadow-md);\n}\n\n.soi-shpc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shpc-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-shpc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shpc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shpc-benefit:hover .soi-shpc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shpc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shpc-benefit p {\n  font-size: 13px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shpc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shpc-card {\n  background: var(--soi-shpc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shpc-radius);\n  border-left: 3px solid var(--soi-shpc-pomme);\n}\n\n.soi-shpc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shpc-card p {\n  font-size: 14px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shpc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shpc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shpc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shpc-radius);\n  border: 1px solid var(--soi-shpc-line);\n  align-items: flex-start;\n}\n\n.soi-shpc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shpc-marine);\n  color: var(--soi-shpc-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-shpc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shpc-step-content p {\n  font-size: 14px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shpc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shpc-pomme-light);\n  border-left: 4px solid var(--soi-shpc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shpc-radius) var(--soi-shpc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-shpc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shpc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shpc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shpc-tip p {\n  font-size: 14px;\n  color: var(--soi-shpc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shpc-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shpc-accordion-item {\n  background: var(--soi-shpc-off-white);\n  border-radius: var(--soi-shpc-radius-sm);\n  border: 1px solid var(--soi-shpc-line);\n  overflow: hidden;\n}\n\n.soi-shpc-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shpc-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-shpc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shpc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shpc-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shpc-accordion-item[open] .soi-shpc-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shpc-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shpc-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shpc-text-soft);\n  line-height: 1.6;\n  margin-bottom: 0.5rem;\n}\n\n.soi-shpc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shpc-accordion-content em {\n  font-size: 13px;\n  color: var(--soi-shpc-text-muted);\n}\n\n\/* === CTA BOX === *\/\n.soi-shpc-cta-box {\n  background: var(--soi-shpc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shpc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shpc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-shpc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shpc-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-shpc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shpc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shpc-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-shpc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shpc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-shpc-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shpc-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-shpc-tip {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shpc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shpc-fiche {\n    --soi-shpc-text-soft: #2C3E50;\n    --soi-shpc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603511238986,"sku":"CS0116","price":13.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-protecteur-de-couleur-certifie-bio-et-vegan-cosly-packshot.webp?v=1779444149"},{"product_id":"masque-keratine-certifie-bio-coslys","title":"Masque Kératine certifié bio – Coslys","description":"\u003cdiv class=\"soi-mker-fiche\"\u003e\n\n\u003csection class=\"soi-mker-hero\"\u003e\n  \u003cdiv class=\"soi-mker-hero-tag\"\u003e\n    \u003cspan class=\"soi-mker-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins capillaires · Coslys\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mker-hero-title\"\u003eRéparation végétale pour cheveux fragilisés\u003c\/span\u003e\n  \u003cp class=\"soi-mker-hero-subtitle\"\u003eLa phytokératine et la fleur de lys bio s'allient dans une formule à 99 % d'origine naturelle pour restaurer, lisser et protéger vos cheveux dès la première application.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mker-hero-labels\"\u003e\n    \u003cspan class=\"soi-mker-label soi-mker-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-mker-label\"\u003eNON TESTÉ SUR LES ANIMAUX\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003ePourquoi ce masque à la kératine fait vraiment la différence\u003c\/h2\u003e\n  \u003cp class=\"soi-mker-section-intro\"\u003eParmi les nombreux masques capillaires à la kératine disponibles sur le marché, celui de Coslys se distingue par la qualité de ses actifs et son engagement bio. Là où beaucoup de formules conventionnelles s'appuient sur des agents synthétiques, Coslys mise sur des ingrédients d'origine naturelle sans sacrifier l'efficacité.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mker-benefits\"\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePhytokératine végétale\u003c\/h3\u003e\n      \u003cp\u003eElle pénètre la fibre capillaire pour combler les zones fragilisées, réduire la porosité et restaurer la résistance du cheveu de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFleur de lys bio\u003c\/h3\u003e\n      \u003cp\u003eRiche en actifs adoucissants, elle enveloppe le cheveu d'une pellicule protectrice qui facilite le démêlage et apporte de la légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eThermo-protection intégrée\u003c\/h3\u003e\n      \u003cp\u003eLe masque forme un bouclier contre la chaleur du sèche-cheveux ou du fer à lisser, idéal si vous coiffez vos cheveux régulièrement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-benefit\"\u003e\n      \u003cdiv class=\"soi-mker-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eLissage et discipline durables\u003c\/h3\u003e\n      \u003cp\u003eLes cheveux indisciplinés retrouvent de la souplesse, du galbe et une surface visiblement plus lisse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003ePour qui est ce masque kératine cheveux ?\u003c\/h2\u003e\n  \u003cp\u003eCe soin est conçu spécifiquement pour les cheveux fragilisés, abîmés, colorés ou frisottants. Si vos pointes sont sèches, si vos cheveux cassent facilement ou si le brushing ne tient pas, ce masque kératine action intensive est fait pour vous.\u003c\/p\u003e\n  \u003cp\u003eIl convient aussi bien aux cheveux fins (en usage ponctuel) qu'aux cheveux épais ou bouclés qui nécessitent un soin structurant régulier.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003eComment utiliser le masque kératine Coslys : les 3 étapes clés\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mker-timeline\"\u003e\n    \u003cdiv class=\"soi-mker-step\"\u003e\n      \u003cdiv class=\"soi-mker-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mker-step-content\"\u003e\n        \u003ch3\u003eAppliquez sur cheveux essorés\u003c\/h3\u003e\n        \u003cp\u003eAprès le shampoing, essorez légèrement vos cheveux. Appliquez une noisette généreuse de masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-step\"\u003e\n      \u003cdiv class=\"soi-mker-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mker-step-content\"\u003e\n        \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n        \u003cp\u003ePour un soin intensif hebdomadaire, enveloppez vos cheveux dans une serviette chaude pour amplifier la pénétration des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-step\"\u003e\n      \u003cdiv class=\"soi-mker-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mker-step-content\"\u003e\n        \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau tiède, puis séchez et coiffez comme à votre habitude. Résultat immédiat : des cheveux plus lisses, plus doux et visiblement nourris.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mker-tip\"\u003e\n    \u003cdiv class=\"soi-mker-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003ePour un rituel complet, associez ce masque au shampoing et à l'après-shampoing de la gamme Sublime Kératine Coslys pour décupler les effets réparateurs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003eComposition du masque kératine bio Coslys\u003c\/h2\u003e\n  \u003cp class=\"soi-mker-section-intro\"\u003eFormule certifiée Cosmos Organic, à 99 % d'origine naturelle.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mker-grid\"\u003e\n    \u003cdiv class=\"soi-mker-card\"\u003e\n      \u003ch3\u003e🌿 Phytokératine (kératine d'origine végétale)\u003c\/h3\u003e\n      \u003cp\u003eActif réparateur principal, restructure la fibre capillaire en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-card\"\u003e\n      \u003ch3\u003e🌸 Extrait de fleur de lys bio\u003c\/h3\u003e\n      \u003cp\u003eAdoucissant, protecteur et sublimateur de brillance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-card\"\u003e\n      \u003ch3\u003e💧 Agents conditionneurs naturels\u003c\/h3\u003e\n      \u003cp\u003eFacilitent le démêlage et lissent les écailles du cheveu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mker-compo\"\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003e250 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003e99 %\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mker-compo-row\"\u003e\n      \u003cspan class=\"soi-mker-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-mker-compo-value\"\u003eSilicones, parabènes, colorants synthétiques\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur le masque cheveux à la kératine\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mker-accordion\"\u003e\n    \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n      \u003csummary class=\"soi-mker-accordion-header\"\u003e🔄 À quelle fréquence utiliser ce masque kératine ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n        \u003cp\u003eUne fois par semaine pour un soin réparateur en profondeur, ou deux fois par semaine si vos cheveux sont très abîmés ou colorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n      \u003csummary class=\"soi-mker-accordion-header\"\u003e🎨 Ce masque kératine est-il compatible avec les cheveux colorés ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n        \u003cp\u003eOui, sa formule douce et sans sulfates ni agents agressifs le rend tout à fait adapté aux cheveux colorés ou décolorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-mker-accordion-item\"\u003e\n      \u003csummary class=\"soi-mker-accordion-header\"\u003e⏱️ Peut-on l'utiliser comme après-shampoing express ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mker-accordion-content\"\u003e\n        \u003cp\u003eAbsolument. Une application de 2 minutes suffit pour retrouver des cheveux démêlés et soyeux au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mker-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mker-cta-box\"\u003e\n    \u003cp class=\"soi-mker-cta-tag\" style=\"color: white;\"\u003eUn soin capillaire certifié bio, efficace et éthique\u003c\/p\u003e\n    \u003cp class=\"soi-mker-cta-text\" style=\"color: white;\"\u003eQuand vos cheveux semblent à bout de souffle, ce masque kératine bio Coslys répare, lisse et protège grâce à des actifs naturels certifiés, sans compromis sur l'éthique ni sur l'efficacité.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mker-marine: #1A2D3D;\n  --soi-mker-marine-dark: #0F1E2B;\n  --soi-mker-marine-light: #2C4458;\n  --soi-mker-pomme: #A1C544;\n  --soi-mker-pomme-dark: #84A636;\n  --soi-mker-pomme-light: rgba(161,197,68,0.10);\n  --soi-mker-white: #FFFFFF;\n  --soi-mker-off-white: #F8FAF6;\n  --soi-mker-stone: #F1F3EE;\n  --soi-mker-line: #E5E8E0;\n  --soi-mker-primary: #D4A8B5;\n  --soi-mker-primary-soft: #F2E4EA;\n  --soi-mker-accent: #C084A0;\n  --soi-mker-text: #1A2D3D;\n  --soi-mker-text-soft: #4A5B6B;\n  --soi-mker-text-muted: #7B8693;\n  --soi-mker-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mker-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mker-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mker-radius: 12px;\n  --soi-mker-radius-sm: 8px;\n  --soi-mker-radius-pill: 999px;\n}\n\n.soi-mker-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mker-fiche img { max-width: 100%; height: auto; }\n\n.soi-mker-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mker-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mker-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mker-hero {\n  position: relative;\n  background: var(--soi-mker-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-mker-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mker-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mker-pomme);\n}\n\n.soi-mker-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-mker-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mker-pomme);\n  border-radius: 50%;\n}\n\n.soi-mker-hero-title {\n  display: block;\n  color: var(--soi-mker-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-mker-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-mker-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mker-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-mker-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mker-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mker-label-accent {\n  background: var(--soi-mker-pomme);\n  border-color: var(--soi-mker-pomme);\n  color: var(--soi-mker-marine);\n  font-weight: 600;\n}\n\n.soi-mker-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mker-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-mker-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mker-pomme);\n  border-radius: 2px;\n}\n\n.soi-mker-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mker-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mker-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mker-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mker-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mker-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-mker-benefit {\n  background: var(--soi-mker-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mker-radius);\n  border: 1px solid var(--soi-mker-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mker-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mker-shadow-md);\n}\n\n.soi-mker-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mker-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-mker-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mker-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mker-benefit:hover .soi-mker-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mker-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mker-benefit p {\n  font-size: 13px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mker-card {\n  background: var(--soi-mker-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mker-radius);\n  border-left: 3px solid var(--soi-mker-pomme);\n}\n\n.soi-mker-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mker-card p {\n  font-size: 14px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-compo {\n  background: var(--soi-mker-off-white);\n  border-radius: var(--soi-mker-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mker-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-mker-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mker-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mker-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mker-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mker-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mker-marine);\n  text-align: right;\n}\n\n.soi-mker-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mker-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mker-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mker-radius);\n  border: 1px solid var(--soi-mker-line);\n  align-items: flex-start;\n}\n\n.soi-mker-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mker-marine);\n  color: var(--soi-mker-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-mker-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mker-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mker-step-content p {\n  font-size: 14px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mker-pomme-light);\n  border-left: 4px solid var(--soi-mker-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mker-radius) var(--soi-mker-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-mker-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mker-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mker-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mker-tip p {\n  font-size: 14px;\n  color: var(--soi-mker-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mker-accordion-item {\n  background: var(--soi-mker-off-white);\n  border-radius: var(--soi-mker-radius-sm);\n  border: 1px solid var(--soi-mker-line);\n  overflow: hidden;\n}\n\n.soi-mker-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mker-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-mker-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mker-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mker-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mker-accordion-item[open] .soi-mker-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mker-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mker-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mker-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mker-cta-box {\n  background: var(--soi-mker-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mker-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mker-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-mker-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mker-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-mker-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mker-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mker-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-mker-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mker-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mker-compo-value {\n    text-align: left;\n  }\n\n  .soi-mker-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mker-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mker-fiche {\n    --soi-mker-text-soft: #2C3E50;\n    --soi-mker-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603517792586,"sku":"CS0150","price":18.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-keratine-certifie-bio-coslys-packshot_1__11zon.webp?v=1781518497"},{"product_id":"masque-nutrition-intense-certifie-bio-coslys","title":"Masque capillaire Nutrition Intense bio – Coslys","description":"\n\u003cdiv class=\"soi-masq-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-masq-hero\"\u003e\n    \u003cdiv class=\"soi-masq-hero-tag\"\u003e\n      \u003cspan class=\"soi-masq-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-masq-hero-title\"\u003eLa nutrition profonde venue de Lorraine\u003c\/span\u003e\n    \u003cp class=\"soi-masq-hero-subtitle\"\u003eEnrichi en huile de Mirabelle de Lorraine et en beurre de karité bio, ce masque nutrition intense nourrit en profondeur vos cheveux secs et abîmés. 98,5 % d'ingrédients d'origine naturelle, certifié Cosmos Organic.\u003c\/p\u003e\n    \u003cdiv class=\"soi-masq-hero-labels\"\u003e\n      \u003cspan class=\"soi-masq-label soi-masq-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n      \u003cspan class=\"soi-masq-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi ce masque bio est différent des autres ? --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003ePourquoi ce masque capillaire bio est différent des autres ?\u003c\/h2\u003e\n    \u003cp\u003eLà où beaucoup de masques capillaires se contentent d'enrober la surface du cheveu, celui de Coslys agit directement au cœur de la fibre capillaire. Sa texture onctueuse, riche sans être lourde, fond littéralement sur les longueurs et les pointes pour une nutrition intense et durable.\u003c\/p\u003e\n    \u003cp\u003eLe résultat est visible dès la première application : des cheveux plus doux, plus brillants et nettement plus faciles à coiffer.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Les actifs clés --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eLes actifs clés : ce qui nourrit vraiment vos cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-grid\"\u003e\n      \u003cdiv class=\"soi-masq-card\"\u003e\n        \u003ch3\u003e🍑 Huile de Mirabelle de Lorraine (bio)\u003c\/h3\u003e\n        \u003cp\u003eVéritable signature de la gamme Coslys, cette huile végétale précieuse est riche en vitamines A et E et en acides gras essentiels. Elle renforce la fibre capillaire, apporte une brillance naturelle et protège vos cheveux des agressions quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité (bio)\u003c\/h3\u003e\n        \u003cp\u003eIngrédient star des soins nourrissants, il pénètre en profondeur pour hydrater intensément, réparer les pointes fourchues et réduire la casse. Idéal pour les cheveux très secs et fragilisés par la chaleur ou la coloration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card\"\u003e\n        \u003ch3\u003e🌿 Formule sans silicone, sans sulfate\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux sont nourris sans effet coating ni accumulation de résidus, pour un résultat sain sur la durée. Une approche respectueuse de la fibre capillaire et de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser le masque --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eComment utiliser le masque nutrition Coslys ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-timeline\"\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eAprès le shampoing, essorez doucement vos cheveux pour éliminer l'excès d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noix généreuse du masque sur les longueurs et les pointes, en évitant le cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eLaissez poser 3 à 5 minutes\u003c\/h3\u003e\n          \u003cp\u003ePatientez 3 à 5 minutes, ou plus longtemps sous une serviette chaude pour un effet masque intensif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-step\"\u003e\n        \u003cdiv class=\"soi-masq-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-masq-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède. Vos cheveux se démêlent facilement et se coiffent sans effort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-masq-tip\"\u003e\n      \u003cdiv class=\"soi-masq-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eNous vous recommandons 1 à 2 applications par semaine, selon le degré de sécheresse de vos cheveux. Pour un soin encore plus profond, enveloppez votre chevelure dans une serviette chaude pendant le temps de pose.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition INCI complète --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-accordion\"\u003e\n      \u003cdetails class=\"soi-masq-accordion-item\"\u003e\n        \u003csummary class=\"soi-masq-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"soi-masq-accordion-content\"\u003e\n          \u003cp\u003e\u003cem\u003eAqua, Cetearyl Alcohol, Prunus Domestica Seed Oil*, Butyrospermum Parkii Butter*, Behentrimonium Chloride, Glycerin*, Polyglyceryl-3 Stearate, Sodium Cocoyl Glutamate, Parfum (Fragrance), Xanthan Gum, Tocopherol, Citric Acid, Sodium Benzoate, Potassium Sorbate, Limonene, 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 6 : Certifications et engagements Coslys --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Coslys\u003c\/h2\u003e\n    \u003cdiv class=\"soi-masq-grid-compact\"\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003eMade in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-card-mini\"\u003e\n        \u003cspan class=\"soi-masq-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-card-mini-value\"\u003e98,5 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 7 : Pour qui est ce masque capillaire bio ? --\u003e\n  \u003csection class=\"soi-masq-section\"\u003e\n    \u003ch2\u003ePour qui est ce masque cheveux bio ?\u003c\/h2\u003e\n    \u003cp\u003eCe masque hydratant bio est fait pour vous si vos cheveux sont naturellement secs, rendus poreux par des colorations répétées, fragilisés par la chaleur des outils coiffants ou agressés par le soleil et le vent.\u003c\/p\u003e\n    \u003cp\u003eIl convient aussi bien aux cheveux fins qu'épais, aux textures lisses que bouclées.\u003c\/p\u003e\n    \u003cdiv class=\"soi-masq-compo\"\u003e\n      \u003cdiv class=\"soi-masq-compo-row\"\u003e\n        \u003cspan class=\"soi-masq-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-compo-value\"\u003e250 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-compo-row\"\u003e\n        \u003cspan class=\"soi-masq-compo-label\"\u003eType de cheveux\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-compo-value\"\u003eSecs et abîmés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-masq-compo-row\"\u003e\n        \u003cspan class=\"soi-masq-compo-label\"\u003eForme\u003c\/span\u003e\n        \u003cspan class=\"soi-masq-compo-value\"\u003eMasque capillaire en pot\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-masq-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-masq-cta-box\"\u003e\n      \u003cp class=\"soi-masq-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux la richesse de la Mirabelle de Lorraine et du karité bio, réunis dans une formule certifiée et fabriquée en France. Douceur, brillance et vitalité retrouvées.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-masq-marine: #1A2D3D;\n  --soi-masq-marine-dark: #0F1E2B;\n  --soi-masq-marine-light: #2C4458;\n  --soi-masq-pomme: #A1C544;\n  --soi-masq-pomme-dark: #84A636;\n  --soi-masq-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-masq-white: #FFFFFF;\n  --soi-masq-off-white: #F8FAF6;\n  --soi-masq-stone: #F1F3EE;\n  --soi-masq-line: #E5E8E0;\n\n  --soi-masq-primary: #D4A52A;\n  --soi-masq-primary-soft: #F5E6B8;\n  --soi-masq-accent: #E8B845;\n\n  --soi-masq-text: #1A2D3D;\n  --soi-masq-text-soft: #4A5B6B;\n  --soi-masq-text-muted: #7B8693;\n\n  --soi-masq-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-masq-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-masq-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-masq-radius: 12px;\n  --soi-masq-radius-sm: 8px;\n  --soi-masq-radius-pill: 999px;\n}\n\n.soi-masq-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-masq-fiche img { max-width: 100%; height: auto; }\n\n.soi-masq-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-masq-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-masq-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-masq-hero {\n  position: relative;\n  background: var(--soi-masq-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-masq-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-masq-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-masq-accent);\n}\n\n.soi-masq-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-masq-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-masq-accent);\n  border-radius: 50%;\n}\n\n.soi-masq-hero-title {\n  display: block;\n  color: var(--soi-masq-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-masq-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-masq-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-masq-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-masq-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-masq-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-masq-label-accent {\n  background: var(--soi-masq-accent);\n  border-color: var(--soi-masq-accent);\n  color: var(--soi-masq-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-masq-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-masq-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-masq-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-masq-pomme);\n  border-radius: 2px;\n}\n\n.soi-masq-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-masq-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-masq-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-masq-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-masq-card {\n  background: var(--soi-masq-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-masq-radius);\n  border-left: 3px solid var(--soi-masq-pomme);\n}\n\n.soi-masq-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-masq-card p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-masq-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-masq-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-masq-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-masq-radius);\n  border: 1px solid var(--soi-masq-line);\n  align-items: flex-start;\n}\n\n.soi-masq-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-masq-marine);\n  color: var(--soi-masq-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-masq-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-masq-step-content p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-masq-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-masq-pomme-light);\n  border-left: 4px solid var(--soi-masq-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-masq-radius) var(--soi-masq-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-masq-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-masq-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-masq-marine);\n  margin-bottom: 4px;\n}\n\n.soi-masq-tip p {\n  font-size: 14px;\n  color: var(--soi-masq-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-masq-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-masq-accordion-item {\n  background: var(--soi-masq-off-white);\n  border-radius: var(--soi-masq-radius-sm);\n  border: 1px solid var(--soi-masq-line);\n  overflow: hidden;\n}\n\n.soi-masq-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-masq-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-masq-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-masq-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-masq-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-masq-accordion-item[open] .soi-masq-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-masq-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-masq-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-masq-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem;\n}\n\n.soi-masq-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-masq-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-masq-card-mini {\n  background: var(--soi-masq-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-masq-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-masq-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-masq-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-masq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-masq-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-masq-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-masq-compo {\n  background: var(--soi-masq-off-white);\n  border-radius: var(--soi-masq-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-masq-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-masq-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-masq-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-masq-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-masq-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-masq-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-masq-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-masq-cta-box {\n  background: var(--soi-masq-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-masq-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-masq-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-masq-accent);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-masq-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-masq-accent);\n  margin-bottom: 0.75rem;\n}\n\n.soi-masq-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-masq-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-masq-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-masq-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-masq-compo-value {\n    text-align: left;\n  }\n\n  .soi-masq-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-masq-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-masq-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-masq-fiche {\n    --soi-masq-text-soft: #2C3E50;\n    --soi-masq-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603520250186,"sku":"CS0160","price":20.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-nutrition_intense-certifie-bio-coslys-packshot_11zon.webp?v=1781518511"},{"product_id":"gel-coiffant-structurant-bio-coslys","title":"Gel coiffant structurant bio - Coslys","description":"\u003cdiv class=\"soi-gelc-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-gelc-hero\"\u003e\n    \u003cdiv class=\"soi-gelc-hero-tag\"\u003e\n      \u003cspan class=\"soi-gelc-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Coslys\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gelc-hero-title\"\u003eFixation longue durée, légèreté naturelle\u003c\/span\u003e\n    \u003cp class=\"soi-gelc-hero-subtitle\"\u003eUn gel coiffant structurant à 99 % d'origine naturelle, enrichi en algue rouge marine, pour une tenue franche sans effet gras ni résidu.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gelc-hero-labels\"\u003e\n      \u003cspan class=\"soi-gelc-label soi-gelc-label-accent\"\u003eBIO COSMÉBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-gelc-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-gelc-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-gelc-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-gelc-label\"\u003eEFFET NON GRAS\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi choisir ce gel --\u003e\n  \u003csection class=\"soi-gelc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gel coiffant naturel bio ?\u003c\/h2\u003e\n    \u003cp class=\"soi-gelc-section-intro\"\u003eSur le marché des gels coiffants bio, beaucoup promettent fixation et légèreté mais livrent un résultat poisseux ou trop rigide. Le gel coiffant structurant Coslys se distingue par son extrait d'algue rouge marine, un actif reminéralisant et restructurant qui nourrit la fibre capillaire tout en offrant une tenue durable. Résultat : vos cheveux sont coiffés, brillants, et ils restent souples au toucher.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gelc-benefits\"\u003e\n      \u003cdiv class=\"soi-gelc-benefit\"\u003e\n        \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e💪\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFixation forte et longue durée\u003c\/h3\u003e\n        \u003cp\u003eVotre coiffure tient toute la journée, structurée ou plus naturelle selon la quantité appliquée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-benefit\"\u003e\n        \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEffet non gras garanti\u003c\/h3\u003e\n        \u003cp\u003eTexture fluide, répartition facile, sans film huileux ni pellicules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-benefit\"\u003e\n        \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAlgues marines reminéralisantes\u003c\/h3\u003e\n        \u003cp\u003eElles renforcent la fibre capillaire, apportent brillance et vitalité aux cheveux ternes ou fragilisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-benefit\"\u003e\n        \u003cdiv class=\"soi-gelc-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003e99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eFormule certifiée Cosmébio, fabriquée en France. Un choix éthique, vegan et non testé sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Pour qui --\u003e\n  \u003csection class=\"soi-gelc-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce gel coiffant bio homme et femme ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gelc-grid\"\u003e\n      \u003cdiv class=\"soi-gelc-card\"\u003e\n        \u003ch3\u003e👤 Tous types de cheveux\u003c\/h3\u003e\n        \u003cp\u003eFins, épais, bouclés ou raides : ce gel s'adapte à chaque nature de cheveu pour un rendu sur mesure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card\"\u003e\n        \u003ch3\u003e🧔 Hommes en quête de tenue forte\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement apprécié des hommes qui recherchent un gel à tenue forte sans effet plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card\"\u003e\n        \u003ch3\u003e🛡️ Cuirs chevelus sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormulé sans silicones, alcools agressifs ni polymères synthétiques, il convient aux personnes sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gelc-tip\"\u003e\n      \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eVous pouvez l'utiliser sur cheveux humides pour moduler l'intensité de la fixation, ou sur cheveux légèrement secs pour un rendu plus structuré. Quelques points de gel suffisent : une application uniforme des racines aux pointes garantit un résultat homogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Composition --\u003e\n  \u003csection class=\"soi-gelc-section\"\u003e\n    \u003ch2\u003eComposition complète du gel coiffant structurant Coslys\u003c\/h2\u003e\n    \u003cp class=\"soi-gelc-section-intro\"\u003eFormulé sans ingrédients controversés, ce gel coiffant bio affiche une liste INCI transparente :\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003eAqua, Chondrus Crispus (Red Seaweed) Extract, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Parfum.\u003c\/em\u003e\u003c\/p\u003e\n    \u003cdiv class=\"soi-gelc-grid\"\u003e\n      \u003cdiv class=\"soi-gelc-card\"\u003e\n        \u003ch3\u003e🌊 Chondrus Crispus (algue rouge)\u003c\/h3\u003e\n        \u003cp\u003eFixant naturel, reminéralisant, source d'oligo-éléments pour la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card\"\u003e\n        \u003ch3\u003e🧪 Xanthan Gum\u003c\/h3\u003e\n        \u003cp\u003eGélifiant d'origine fermentaire, il assure la texture fluide et l'homogénéité du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card\"\u003e\n        \u003ch3\u003e🛡️ Sodium Benzoate et Potassium Sorbate\u003c\/h3\u003e\n        \u003cp\u003eConservateurs d'origine naturelle, doux et bien tolérés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gelc-compo\"\u003e\n      \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n        \u003cspan class=\"soi-gelc-compo-label\"\u003eSans silicone\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n        \u003cspan class=\"soi-gelc-compo-label\"\u003eSans PEG\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n        \u003cspan class=\"soi-gelc-compo-label\"\u003eSans alcool agressif\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-compo-row\"\u003e\n        \u003cspan class=\"soi-gelc-compo-label\"\u003eSans parabène\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-compo-value\"\u003e✓\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-gelc-section\"\u003e\n    \u003ch2\u003eComment utiliser le gel coiffant naturel bio Coslys ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gelc-timeline\"\u003e\n      \u003cdiv class=\"soi-gelc-step\"\u003e\n        \u003cdiv class=\"soi-gelc-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-gelc-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de gel\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux propres, humides ou secs, prélevez une petite quantité de gel dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-step\"\u003e\n        \u003cdiv class=\"soi-gelc-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-gelc-step-content\"\u003e\n          \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n          \u003cp\u003eAvec les doigts ou un peigne, répartissez le gel selon le style souhaité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-step\"\u003e\n        \u003cdiv class=\"soi-gelc-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-gelc-step-content\"\u003e\n          \u003ch3\u003eCoiffez comme vous le désirez\u003c\/h3\u003e\n          \u003cp\u003eLa fixation prend en séchant, sans effet carton. Structuré, naturel ou volumineux : vous choisissez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-step\"\u003e\n        \u003cdiv class=\"soi-gelc-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-gelc-step-content\"\u003e\n          \u003ch3\u003eRavivez en cours de journée\u003c\/h3\u003e\n          \u003cp\u003ePour reformer les boucles ou raviver le volume, humidifiez légèrement vos mains avant de passer dans les cheveux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gelc-tip\"\u003e\n      \u003cdiv class=\"soi-gelc-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCommencez par une petite quantité et ajustez selon l'effet voulu. Un excès de produit peut alourdir les cheveux fins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Informations pratiques --\u003e\n  \u003csection class=\"soi-gelc-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gelc-grid-compact\"\u003e\n      \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n        \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-value\"\u003e150 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n        \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-value\"\u003eCosmébio (Cosmos Organic)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n        \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gelc-card-mini\"\u003e\n        \u003cspan class=\"soi-gelc-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-label\"\u003eStatut\u003c\/span\u003e\n        \u003cspan class=\"soi-gelc-card-mini-value\"\u003eVegan, non testé sur les animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gelc-accordion\"\u003e\n      \u003cdetails class=\"soi-gelc-accordion-item\"\u003e\n        \u003csummary class=\"soi-gelc-accordion-header\"\u003e👥 Convient à qui ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gelc-accordion-content\"\u003e\n          \u003cp\u003eTous types de cheveux, hommes et femmes. Particulièrement adapté aux personnes sensibles souhaitant éviter silicones, alcools agressifs et polymères synthétiques.\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=\"soi-gelc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-gelc-cta-box\"\u003e\n      \u003cp class=\"soi-gelc-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-gelc-cta-text\" style=\"color: white;\"\u003eFini le compromis entre performance et naturel. Le gel coiffant structurant bio Coslys vous offre une tenue franche et durable, une formule propre et une texture légère qui respecte vos cheveux comme votre cuir chevelu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-gelc-marine: #1A2D3D;\n  --soi-gelc-marine-dark: #0F1E2B;\n  --soi-gelc-marine-light: #2C4458;\n  --soi-gelc-pomme: #A1C544;\n  --soi-gelc-pomme-dark: #84A636;\n  --soi-gelc-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-gelc-white: #FFFFFF;\n  --soi-gelc-off-white: #F8FAF6;\n  --soi-gelc-stone: #F1F3EE;\n  --soi-gelc-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging rose\/rouge algue + violet) === *\/\n  --soi-gelc-primary: #C4607A;\n  --soi-gelc-primary-soft: #F2E0E6;\n  --soi-gelc-accent: #8B4A6B;\n\n  \/* === Textes === *\/\n  --soi-gelc-text: #1A2D3D;\n  --soi-gelc-text-soft: #4A5B6B;\n  --soi-gelc-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-gelc-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gelc-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gelc-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gelc-radius: 12px;\n  --soi-gelc-radius-sm: 8px;\n  --soi-gelc-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gelc-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gelc-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gelc-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gelc-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gelc-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gelc-hero {\n  position: relative;\n  background: var(--soi-gelc-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-gelc-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gelc-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gelc-pomme);\n}\n\n.soi-gelc-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-gelc-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gelc-pomme);\n  border-radius: 50%;\n}\n\n.soi-gelc-hero-title {\n  display: block;\n  color: var(--soi-gelc-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-gelc-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-gelc-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gelc-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-gelc-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gelc-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gelc-label-accent {\n  background: var(--soi-gelc-pomme);\n  border-color: var(--soi-gelc-pomme);\n  color: var(--soi-gelc-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gelc-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gelc-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gelc-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-gelc-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gelc-pomme);\n  border-radius: 2px;\n}\n\n.soi-gelc-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gelc-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gelc-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gelc-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gelc-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-gelc-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-gelc-benefit {\n  background: var(--soi-gelc-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-gelc-radius);\n  border: 1px solid var(--soi-gelc-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-gelc-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-gelc-shadow-md);\n}\n\n.soi-gelc-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-gelc-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-gelc-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-gelc-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-gelc-benefit:hover .soi-gelc-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-gelc-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gelc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gelc-benefit p {\n  font-size: 13px;\n  color: var(--soi-gelc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gelc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card {\n  background: var(--soi-gelc-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gelc-radius);\n  border-left: 3px solid var(--soi-gelc-pomme);\n}\n\n.soi-gelc-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gelc-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gelc-card p {\n  font-size: 14px;\n  color: var(--soi-gelc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-gelc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gelc-card-mini {\n  background: var(--soi-gelc-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-gelc-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-gelc-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-gelc-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-gelc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-gelc-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gelc-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-gelc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gelc-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gelc-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gelc-radius);\n  border: 1px solid var(--soi-gelc-line);\n  align-items: flex-start;\n}\n\n.soi-gelc-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gelc-marine);\n  color: var(--soi-gelc-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-gelc-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-gelc-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gelc-step-content p {\n  font-size: 14px;\n  color: var(--soi-gelc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gelc-compo {\n  background: var(--soi-gelc-off-white);\n  border-radius: var(--soi-gelc-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-gelc-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-gelc-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gelc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gelc-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gelc-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gelc-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gelc-pomme-dark);\n}\n\n\/* === TIP === *\/\n.soi-gelc-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gelc-pomme-light);\n  border-left: 4px solid var(--soi-gelc-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gelc-radius) var(--soi-gelc-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-gelc-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gelc-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gelc-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gelc-tip p {\n  font-size: 14px;\n  color: var(--soi-gelc-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gelc-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gelc-accordion-item {\n  background: var(--soi-gelc-off-white);\n  border-radius: var(--soi-gelc-radius-sm);\n  border: 1px solid var(--soi-gelc-line);\n  overflow: hidden;\n}\n\n.soi-gelc-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gelc-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-gelc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gelc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gelc-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gelc-accordion-item[open] .soi-gelc-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gelc-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gelc-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gelc-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gelc-cta-box {\n  background: var(--soi-gelc-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gelc-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gelc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-gelc-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gelc-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-gelc-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gelc-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gelc-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-gelc-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gelc-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gelc-compo-value {\n    text-align: left;\n  }\n\n  .soi-gelc-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-gelc-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-gelc-benefits {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .soi-gelc-grid-compact {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 420px) {\n  .soi-gelc-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-gelc-grid-compact {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gelc-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gelc-fiche {\n    --soi-gelc-text-soft: #2C3E50;\n    --soi-gelc-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Coslys","offers":[{"title":"Default Title","offer_id":61603525165386,"sku":"CS0180","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-coiffant-structurant-coslys_11zon.webp?v=1782034861"},{"product_id":"brume-protectrice-cheveux-certifiee-bio-en-flacon-acorelle","title":"Brume Protectrice Cheveux certifiée Bio en flacon – Acorelle","description":"\u003cdiv class=\"soi-brum-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-brum-hero\"\u003e\n    \u003cdiv class=\"soi-brum-hero-tag\"\u003e\n      \u003cspan class=\"soi-brum-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Acorelle\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-brum-hero-title\"\u003eBrume Protectrice Cheveux certifiée Bio\u003c\/span\u003e\n    \u003cp class=\"soi-brum-hero-subtitle\"\u003eTrois huiles végétales biologiques réunies en une formule biphasée pour protéger, nourrir et sublimer vos cheveux face au soleil, au chlore et à l'eau de mer.\u003c\/p\u003e\n    \u003cdiv class=\"soi-brum-hero-labels\"\u003e\n      \u003cspan class=\"soi-brum-label soi-brum-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-label\"\u003eSANS SILICONE\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-label\"\u003eSANS PARABÈNE\u003c\/span\u003e\n      \u003cspan class=\"soi-brum-label\"\u003ePARFUM 100 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Pourquoi cette brume se distingue --\u003e\n  \u003csection class=\"soi-brum-section\"\u003e\n    \u003ch2\u003ePourquoi cette brume protectrice cheveux se distingue-t-elle ?\u003c\/h2\u003e\n    \u003cp\u003eLà où de nombreux sprays bio cheveux restent en surface, la formule biphasée d'Acorelle agit sur plusieurs fronts à la fois : protection mécanique de la fibre capillaire, nutrition en profondeur et préservation de l'éclat naturel de la couleur. Elle est certifiée \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e, garantie sans silicone, sans parabène et à base d'un \u003cstrong\u003eparfum solaire 100 % naturel\u003c\/strong\u003e aux notes de jasmin, fleur d'oranger et vanille.\u003c\/p\u003e\n    \u003cp\u003eElle convient particulièrement aux \u003cstrong\u003echeveux bouclés, frisés ou colorés\u003c\/strong\u003e, plus sensibles à la déshydratation et à l'altération de la couleur sous l'effet des UV.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Les actifs clés --\u003e\n  \u003csection class=\"soi-brum-section\"\u003e\n    \u003ch2\u003eLes actifs clés et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brum-grid\"\u003e\n      \u003cdiv class=\"soi-brum-card\"\u003e\n        \u003ch3\u003e🌿 Huile de Karanja bio\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés photoprotectrices naturelles, elle forme un film protecteur léger sur la fibre capillaire et aide à neutraliser les effets des UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-card\"\u003e\n        \u003ch3\u003e🍊 Huile de Buriti bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en bêta-carotène et en acides gras, elle nourrit en profondeur, ravive l'éclat des cheveux ternes et renforce leur résistance face aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-card\"\u003e\n        \u003ch3\u003e🌻 Huile de Tournesol bio\u003c\/h3\u003e\n        \u003cp\u003eÉmolliente et légère, elle facilite le démêlage, apporte du brillant sans graisser et complète l'action nutritive des deux autres huiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-card\"\u003e\n        \u003ch3\u003e🌱 Extrait d'Artichaut\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant, il protège la fibre capillaire contre la dégradation liée aux radicaux libres générés par l'exposition solaire prolongée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-card\"\u003e\n        \u003ch3\u003e🌾 Dérivé d'acides aminés de Maïs et de Riz\u003c\/h3\u003e\n        \u003cp\u003eIl renforce la structure du cheveu de l'intérieur, préserve l'intensité et l'uniformité de la couleur, et améliore la résistance globale de la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment utiliser --\u003e\n  \u003csection class=\"soi-brum-section\"\u003e\n    \u003ch2\u003eComment utiliser cette brume thermo-protectrice cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brum-timeline\"\u003e\n      \u003cdiv class=\"soi-brum-step\"\u003e\n        \u003cdiv class=\"soi-brum-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-brum-step-content\"\u003e\n          \u003ch3\u003eSecouez bien le flacon\u003c\/h3\u003e\n          \u003cp\u003eAvant chaque utilisation : la formule biphasée se rééquilibre en quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step\"\u003e\n        \u003cdiv class=\"soi-brum-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-brum-step-content\"\u003e\n          \u003ch3\u003eVaporisez sur cheveux humides ou secs\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur les pointes et les longueurs les plus exposées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step\"\u003e\n        \u003cdiv class=\"soi-brum-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-brum-step-content\"\u003e\n          \u003ch3\u003eNe rincez pas\u003c\/h3\u003e\n          \u003cp\u003eLaissez le soin agir librement. Vous pouvez coiffer normalement ensuite.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-step\"\u003e\n        \u003cdiv class=\"soi-brum-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-brum-step-content\"\u003e\n          \u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n          \u003cp\u003eAvant chaque exposition au soleil, après chaque baignade ou avant l'utilisation d'un outil chauffant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition complète --\u003e\n  \u003csection class=\"soi-brum-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brum-compo\"\u003e\n      \u003cdiv class=\"soi-brum-compo-row\"\u003e\n        \u003cspan class=\"soi-brum-compo-label\"\u003eListe INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-brum-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.65; color: var(--soi-brum-text-soft);\"\u003eAqua, Helianthus Annuus (Sunflower) Seed Oil*, Orbignya Oleifera Seed Oil*, Mauritia Flexuosa Fruit Oil* (Buriti), Pongamia Glabra Seed Oil* (Karanja), Cynara Scolymus (Artichoke) Leaf Extract, Hydrolyzed Corn Protein, Hydrolyzed Rice Protein, Parfum (Fragrance)**, Tocopherol, Alcohol, Glycerin, Polyglyceryl-4 Oleate, Xanthan Gum, Citric Acid, Potassium Sorbate, Sodium Benzoate.\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-compo-row\"\u003e\n        \u003cspan class=\"soi-brum-compo-label\"\u003eLégende\u003c\/span\u003e\n        \u003cspan class=\"soi-brum-compo-value\" style=\"text-align:left; font-weight:400; font-size:13px; line-height:1.6; color: var(--soi-brum-text-soft);\"\u003e* Ingrédients issus de l'agriculture biologique. ** Parfum 100 % d'origine naturelle.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Ce produit est fait pour vous si… --\u003e\n  \u003csection class=\"soi-brum-section\"\u003e\n    \u003ch2\u003eCe produit est fait pour vous si…\u003c\/h2\u003e\n    \u003cdiv class=\"soi-brum-benefits\"\u003e\n      \u003cdiv class=\"soi-brum-benefit\"\u003e\n        \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux bouclés, frisés ou colorés\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un spray démêlant cheveux bio efficace au quotidien pour préserver la beauté de vos boucles et l'éclat de votre couleur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-benefit\"\u003e\n        \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection solaire, chlore et eau salée\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez protéger vos cheveux du soleil, du chlore ou de l'eau salée sans recourir à des produits chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-benefit\"\u003e\n        \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUtilisation d'outils chauffants\u003c\/h3\u003e\n        \u003cp\u003eVous utilisez des outils chauffants et cherchez une brume thermo-protectrice cheveux naturelle en remplacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-brum-benefit\"\u003e\n        \u003cdiv class=\"soi-brum-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSensibilité au bio et au naturel\u003c\/h3\u003e\n        \u003cp\u003eVous êtes sensible aux formules certifiées bio et aux parfums 100 % naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-brum-tip\"\u003e\n      \u003cdiv class=\"soi-brum-tip-icon\"\u003eℹ️\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eBon à savoir\u003c\/strong\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue à aucun traitement médical capillaire prescrit par un professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-brum-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-brum-cta-box\"\u003e\n      \u003cp class=\"soi-brum-cta-tag\" style=\"color: white;\"\u003eProtégez l'éclat naturel de votre chevelure\u003c\/p\u003e\n      \u003cp class=\"soi-brum-cta-text\" style=\"color: white;\"\u003eLa brume Acorelle allie la générosité des huiles bio de Karanja et Buriti à la légèreté d'un spray qui ne laisse aucune trace. Un geste simple, une fragrance solaire envoûtante, et des cheveux visiblement plus beaux dès la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-brum-marine: #1A2D3D;\n  --soi-brum-marine-dark: #0F1E2B;\n  --soi-brum-marine-light: #2C4458;\n  --soi-brum-pomme: #A1C544;\n  --soi-brum-pomme-dark: #84A636;\n  --soi-brum-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-brum-white: #FFFFFF;\n  --soi-brum-off-white: #F8FAF6;\n  --soi-brum-stone: #F1F3EE;\n  --soi-brum-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging doré\/ambré) === *\/\n  --soi-brum-primary: #C9A84C;\n  --soi-brum-primary-soft: #F5EDD4;\n  --soi-brum-accent: #D4A52A;\n\n  \/* === Textes === *\/\n  --soi-brum-text: #1A2D3D;\n  --soi-brum-text-soft: #4A5B6B;\n  --soi-brum-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-brum-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-brum-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-brum-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-brum-radius: 12px;\n  --soi-brum-radius-sm: 8px;\n  --soi-brum-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-brum-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-brum-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-brum-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-brum-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-brum-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-brum-hero {\n  position: relative;\n  background: var(--soi-brum-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-brum-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-brum-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-brum-pomme);\n}\n\n.soi-brum-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-brum-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-brum-pomme);\n  border-radius: 50%;\n}\n\n.soi-brum-hero-title {\n  display: block;\n  color: var(--soi-brum-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-brum-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-brum-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-brum-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-brum-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-brum-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-brum-label-accent {\n  background: var(--soi-brum-pomme);\n  border-color: var(--soi-brum-pomme);\n  color: var(--soi-brum-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-brum-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-brum-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-brum-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-brum-pomme);\n  border-radius: 2px;\n}\n\n.soi-brum-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-brum-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-brum-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-brum-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-brum-benefit {\n  background: var(--soi-brum-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-brum-radius);\n  border: 1px solid var(--soi-brum-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-brum-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-brum-shadow-md);\n}\n\n.soi-brum-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-brum-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-brum-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-brum-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-brum-benefit:hover .soi-brum-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-brum-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-brum-benefit p {\n  font-size: 13px;\n  color: var(--soi-brum-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-brum-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-brum-card {\n  background: var(--soi-brum-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-brum-radius);\n  border-left: 3px solid var(--soi-brum-pomme);\n}\n\n.soi-brum-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-brum-card p {\n  font-size: 14px;\n  color: var(--soi-brum-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-brum-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-brum-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-brum-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-brum-radius);\n  border: 1px solid var(--soi-brum-line);\n  align-items: flex-start;\n}\n\n.soi-brum-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-brum-marine);\n  color: var(--soi-brum-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-brum-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-brum-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-brum-step-content p {\n  font-size: 14px;\n  color: var(--soi-brum-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-brum-compo {\n  background: var(--soi-brum-off-white);\n  border-radius: var(--soi-brum-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-brum-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-brum-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-brum-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-brum-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-brum-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-brum-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-brum-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-brum-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-brum-pomme-light);\n  border-left: 4px solid var(--soi-brum-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-brum-radius) var(--soi-brum-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-brum-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-brum-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-brum-marine);\n  margin-bottom: 4px;\n}\n\n.soi-brum-tip p {\n  font-size: 14px;\n  color: var(--soi-brum-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-brum-cta-box {\n  background: var(--soi-brum-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-brum-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-brum-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-brum-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-brum-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-brum-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-brum-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-brum-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-brum-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-brum-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-brum-compo-value {\n    text-align: left;\n  }\n\n  .soi-brum-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-brum-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-brum-fiche {\n    --soi-brum-text-soft: #2C3E50;\n    --soi-brum-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Acorelle","offers":[{"title":"Default Title","offer_id":61603584180554,"sku":"LL0060","price":23.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/brume-protectrice-cheveux-certifiee-bio-en-flacon-acorelle-packshot.webp?v=1779798986"},{"product_id":"savon-dalep-a-la-rose-de-damas-bio-najel","title":"Savon d'Alep à la rose de Damas bio – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène \u0026amp; soin · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la rose de Damas bio\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurifiant, nourrissant et naturel : un soin ancestral enrichi à l'eau florale de rose de Damas certifiée bio, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS SILICONES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSAVON SOLIDE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Qu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans\u003c\/h2\u003e\n    \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le savon d'Alep est considéré comme l'un des premiers savons solides jamais fabriqués. Sa recette repose sur deux huiles emblématiques de la région méditerranéenne : l'huile d'olive et l'huile de baies de laurier.\u003c\/p\u003e\n    \u003cp\u003eNajel perpétue ce savoir-faire artisanal en y intégrant des actifs naturels soigneusement sélectionnés, comme ici l'eau florale de rose de Damas bio, pour répondre aux besoins contemporains de votre peau.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition du savon d'Alep Najel rose de Damas bio --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Najel rose de Damas bio\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon réside dans la qualité et la simplicité de ses ingrédients.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels et en antioxydants (vitamine E), elle nourrit et protège la peau des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003eL'actif signature du savon d'Alep. Reconnue pour ses vertus apaisantes, purifiantes et désinfectantes, elle est particulièrement précieuse pour les peaux irritées, acnéiques ou sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n        \u003cp\u003eAstringente naturelle, elle resserre les pores, tonifie la peau et contribue à son renouvellement cellulaire. Son parfum délicat et floral est un vrai bonheur sensoriel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧼\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormulé dans le respect de votre peau\u003c\/strong\u003e\n        \u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une composition pure et respectueuse de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Bienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eBienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-benefits\"\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurifie en profondeur\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour nettoyer le visage sans agresser la barrière cutanée, il élimine impuretés et excès de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaise les peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés apaisantes de l'huile de baies de laurier soulagent les rougeurs, démangeaisons et inconforts liés à l'eczéma ou au psoriasis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydrate et régénère\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive et la rose de Damas agissent en synergie pour préserver le film hydrolipidique et favoriser le renouvellement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eUtilisation polyvalente\u003c\/h3\u003e\n        \u003cp\u003eVisage, corps, cheveux : un seul savon pour toute votre routine, même quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eParfum naturel et enveloppant\u003c\/h3\u003e\n        \u003cp\u003eLa rose de Damas diffuse un sillage floral discret et authentique, loin des parfums synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser le savon d'Alep Najel au quotidien ? --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos paumes ou directement sur une peau humide. Appliquez en massages circulaires doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède. Pour le visage, évitez les frottements excessifs et terminez par une eau froide pour refermer les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n          \u003cp\u003eEntre deux utilisations, laissez le savon sécher à l'air libre sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Avis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ? --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eAvis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ?\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep est souvent cité par les dermatologues comme une alternative douce aux savons surgras classiques, notamment pour les peaux atopiques ou réactives. Sa composition minimaliste, sans perturbateurs endocriniens ni conservateurs agressifs, en fait un choix pertinent pour les personnes cherchant à simplifier leur routine tout en prenant soin de leur peau efficacement.\u003c\/p\u003e\n    \u003cp\u003eIl ne remplace pas un traitement médical prescrit, mais peut s'intégrer dans une routine apaisante au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Informations pratiques --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-compo\"\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eNajel Méditerranée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eSavon solide\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eTous types, peaux sensibles, mixtes, à imperfections\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eRose de Damas certifiée bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eParabènes, silicones, colorants artificiels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn geste ancestral, chaque matin\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne composition pure, un parfum floral envoûtant et une peau visiblement plus nette, apaisée et lumineuse. Prendre soin de vous, aussi simplement et naturellement que cela.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n\n  --soi-alep-primary: #C47A7A;\n  --soi-alep-primary-soft: #E8B5B0;\n  --soi-alep-accent: #8B6D4A;\n\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-alep-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n  background: var(--soi-alep-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-alep-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-alep-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n  font-size: 13px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n  background: var(--soi-alep-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-alep-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-alep-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-alep-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-alep-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-alep-compo-value {\n    text-align: left;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603632611658,"sku":"NJ0060","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-rose-de-damas-bio-najel-packshot.webp?v=1779627736"},{"product_id":"savon-dalep-au-jasmin-bio-najel","title":"Savon d'Alep au jasmin bio – Najel","description":"\n\u003cdiv class=\"soi-jasp-fiche\"\u003e\n\n  \u003csection class=\"soi-jasp-hero\"\u003e\n    \u003cdiv class=\"soi-jasp-hero-tag\"\u003e\n      \u003cspan class=\"soi-jasp-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-jasp-hero-title\"\u003eSavon d'Alep au jasmin bio\u003c\/span\u003e\n    \u003cp class=\"soi-jasp-hero-subtitle\"\u003eUn savoir-faire millénaire enrichi à l'eau florale de jasmin bio pour un soin revitalisant du visage, du corps et des cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-jasp-hero-labels\"\u003e\n      \u003cspan class=\"soi-jasp-label soi-jasp-label-accent\"\u003eJASMIN BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-jasp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-jasp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-jasp-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eSavon d'Alep au jasmin bio Najel : le soin revitalisant à l'ancienne\u003c\/h2\u003e\n    \u003cp\u003eIl existe des savons que l'on garde toute la vie. Le savon d'Alep au jasmin bio de Najel en fait partie. Né d'un savoir-faire vieux de plus de 3 000 ans, perfectionné par des artisans syriens de génération en génération, ce savon naturel allie la richesse de l'huile d'olive, la puissance de l'huile de baies de laurier et la douceur florale de l'eau de jasmin bio. Le résultat : un soin complet pour le visage, le corps et les cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003ePourquoi ce savon d'Alep est différent\u003c\/h2\u003e\n    \u003cp\u003eContrairement à un simple savon surgras, le savon d'Alep repose sur une recette unique : une cuisson lente des huiles à l'eau chaude, suivie d'un séchage naturel en entrepôt pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e. C'est ce repos prolongé qui lui confère sa texture dense, son cœur vert caractéristique et son efficacité reconnue, y compris par les dermatologues pour les peaux réactives.\u003c\/p\u003e\n    \u003cp\u003eLa version au jasmin bio de Najel va plus loin : l'eau florale de jasmin intégrée à la formule apporte des propriétés revitalisantes supplémentaires et un parfum floral subtil qui transforme chaque douche en un vrai moment de bien-être.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jasp-compo\"\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eBase nourrissante et protectrice, riche en acides gras essentiels\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003ePurifiante et régénérante, idéale pour les peaux à tendance acnéique, eczémateuse ou sujettes au psoriasis\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eEau florale de jasmin bio (Jasminum Officinale Flower Water)\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eApaisante, revitalisante, délicatement parfumée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n        \u003cspan class=\"soi-jasp-compo-label\"\u003eEau\u003c\/span\u003e\n        \u003cspan class=\"soi-jasp-compo-value\"\u003eSolvant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jasp-tip\"\u003e\n      \u003cdiv class=\"soi-jasp-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule 100 % naturelle\u003c\/strong\u003e\n        \u003cp\u003eSans conservateur synthétique, sans sulfate, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jasp-benefits\"\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine impuretés et excès de sébum tout en respectant le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive pénètre les couches supérieures de l'épiderme et limite la perte en eau, même sur peau sèche ou déshydratée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eRecommandé par de nombreux dermatologues comme alternative douce aux nettoyants conventionnels pour les peaux atopiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-benefit\"\u003e\n        \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTeint revitalisé\u003c\/h3\u003e\n        \u003cp\u003eLe jasmin bio stimule l'éclat naturel de la peau et atténue la sensation de fatigue cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jasp-grid\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-jasp-card\"\u003e\n        \u003ch3\u003e💆 Utilisable sur le corps et les cheveux\u003c\/h3\u003e\n        \u003cp\u003eNettoie le cuir chevelu en douceur, réduit les démangeaisons et apporte de la légèreté aux cheveux ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep au jasmin bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jasp-timeline\"\u003e\n      \u003cdiv class=\"soi-jasp-step\"\u003e\n        \u003cdiv class=\"soi-jasp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-jasp-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse crémeuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-step\"\u003e\n        \u003cdiv class=\"soi-jasp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-jasp-step-content\"\u003e\n          \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en massant délicatement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jasp-step\"\u003e\n        \u003cdiv class=\"soi-jasp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-jasp-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sensibles, commencez par une utilisation trois fois par semaine avant d'adopter un usage quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jasp-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-jasp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePosez le savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Un pain correctement entretenu dure plusieurs semaines.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003ch2\u003eCe que disent les utilisateurs (et les dermatologues)\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep bénéficie d'un avis dermatologique globalement très positif : sa composition simple, sans allergènes majeurs, en fait un choix de référence pour les peaux à problèmes. Les utilisateurs témoignent d'une peau plus douce dès les premières semaines, d'une réduction des rougeurs et d'un confort retrouvé, même en hiver.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-jasp-section\"\u003e\n    \u003cdiv class=\"soi-jasp-accordion\"\u003e\n      \u003cdetails class=\"soi-jasp-accordion-item\"\u003e\n        \u003csummary class=\"soi-jasp-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-jasp-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne remplace pas un traitement médical prescrit par 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=\"soi-jasp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-jasp-cta-box\"\u003e\n      \u003cp class=\"soi-jasp-cta-tag\" style=\"color: white;\"\u003eUn geste artisanal, un parfum floral, une tradition millénaire\u003c\/p\u003e\n      \u003cp class=\"soi-jasp-cta-text\" style=\"color: white;\"\u003eAvec Najel, vous choisissez une formule pure et un savoir-faire ancestral. Le jasmin bio fait du bien à la peau autant qu'à l'âme. La tradition au service de votre quotidien, tout simplement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-jasp-marine: #1A2D3D;\n  --soi-jasp-marine-dark: #0F1E2B;\n  --soi-jasp-marine-light: #2C4458;\n  --soi-jasp-pomme: #A1C544;\n  --soi-jasp-pomme-dark: #84A636;\n  --soi-jasp-pomme-light: rgba(161,197,68,0.10);\n  --soi-jasp-white: #FFFFFF;\n  --soi-jasp-off-white: #F8FAF6;\n  --soi-jasp-stone: #F1F3EE;\n  --soi-jasp-line: #E5E8E0;\n  --soi-jasp-primary: #B5A44A;\n  --soi-jasp-primary-soft: #D4C98A;\n  --soi-jasp-accent: #8A7A3E;\n  --soi-jasp-text: #1A2D3D;\n  --soi-jasp-text-soft: #4A5B6B;\n  --soi-jasp-text-muted: #7B8693;\n  --soi-jasp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-jasp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-jasp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-jasp-radius: 12px;\n  --soi-jasp-radius-sm: 8px;\n  --soi-jasp-radius-pill: 999px;\n}\n\n.soi-jasp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jasp-fiche img { max-width: 100%; height: auto; }\n\n.soi-jasp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-jasp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-jasp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-jasp-hero {\n  position: relative;\n  background: var(--soi-jasp-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-jasp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-jasp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-jasp-pomme);\n}\n\n.soi-jasp-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-jasp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-jasp-pomme);\n  border-radius: 50%;\n}\n\n.soi-jasp-hero-title {\n  display: block;\n  color: var(--soi-jasp-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-jasp-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-jasp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-jasp-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-jasp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-jasp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-jasp-label-accent {\n  background: var(--soi-jasp-pomme);\n  border-color: var(--soi-jasp-pomme);\n  color: var(--soi-jasp-marine);\n  font-weight: 600;\n}\n\n.soi-jasp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jasp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-jasp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-jasp-pomme);\n  border-radius: 2px;\n}\n\n.soi-jasp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-jasp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-jasp-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-jasp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-jasp-benefit {\n  background: var(--soi-jasp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-jasp-radius);\n  border: 1px solid var(--soi-jasp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jasp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-jasp-shadow-md);\n}\n\n.soi-jasp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-jasp-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-jasp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-jasp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-jasp-benefit:hover .soi-jasp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-jasp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jasp-benefit p {\n  font-size: 13px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-jasp-card {\n  background: var(--soi-jasp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jasp-radius);\n  border-left: 3px solid var(--soi-jasp-pomme);\n}\n\n.soi-jasp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jasp-card p {\n  font-size: 14px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-compo {\n  background: var(--soi-jasp-off-white);\n  border-radius: var(--soi-jasp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-jasp-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-jasp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-jasp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-jasp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-jasp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-jasp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-jasp-marine);\n  text-align: right;\n}\n\n.soi-jasp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-jasp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-jasp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jasp-radius);\n  border: 1px solid var(--soi-jasp-line);\n  align-items: flex-start;\n}\n\n.soi-jasp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-jasp-marine);\n  color: var(--soi-jasp-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-jasp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-jasp-step-content p {\n  font-size: 14px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-jasp-pomme-light);\n  border-left: 4px solid var(--soi-jasp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-jasp-radius) var(--soi-jasp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-jasp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-jasp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-jasp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-jasp-tip p {\n  font-size: 14px;\n  color: var(--soi-jasp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-jasp-accordion-item {\n  background: var(--soi-jasp-off-white);\n  border-radius: var(--soi-jasp-radius-sm);\n  border: 1px solid var(--soi-jasp-line);\n  overflow: hidden;\n}\n\n.soi-jasp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-jasp-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-jasp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-jasp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-jasp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-jasp-accordion-item[open] .soi-jasp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-jasp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-jasp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-jasp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-jasp-cta-box {\n  background: var(--soi-jasp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-jasp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-jasp-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-jasp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-jasp-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-jasp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-jasp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-jasp-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-jasp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-jasp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-jasp-compo-value {\n    text-align: left;\n  }\n\n  .soi-jasp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-jasp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-jasp-fiche {\n    --soi-jasp-text-soft: #2C3E50;\n    --soi-jasp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634053450,"sku":"NJ0065","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-jasmin-bio-najel-packshot.webp?v=1780560452"},{"product_id":"savon-dalep-a-lhuile-de-nigelle-najel","title":"Savon d'Alep à l'huile de nigelle – Najel","description":"\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n  \u003csection class=\"soi-nige-hero\"\u003e\n    \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n      \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-nige-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n    \u003cp class=\"soi-nige-hero-subtitle\"\u003eUn savon solide apaisant et régénérant, héritier de 3 000 ans de savoir-faire syrien, enrichi à l'huile de nigelle pressée à froid pour les peaux sensibles et irritées.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n      \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eSANS COLORANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003ePourquoi le savon d'Alep est-il si différent des autres savons ?\u003c\/h2\u003e\n    \u003cp\u003eConsidéré comme l'un des plus anciens savons du monde, le savon d'Alep est fabriqué selon un procédé artisanal transmis depuis plus de 3 000 ans dans la région de la ville d'Alep, en Syrie. Sa base d'huile d'olive saponifiée le rend naturellement doux, sans détergent synthétique ni sulfate.\u003c\/p\u003e\n    \u003cp\u003eÀ la différence d'un savon industriel classique, il respecte le film hydrolipidique de la peau et convient même aux peaux les plus réactives. Vous retrouvez ici un soin authentique, ancré dans une tradition millénaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eLa force de ce savon : trois huiles complémentaires\u003c\/h2\u003e\n    \u003cp class=\"soi-nige-section-intro\"\u003eCe savon d'Alep réunit trois huiles aux vertus complémentaires pour offrir à votre peau un soin complet et respectueux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-benefits\"\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n        \u003cp\u003eNourrit et adoucit la peau en profondeur. Elle forme un voile protecteur qui limite la déshydratation cutanée au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003eActive caractéristique du savon d'Alep authentique. Elle apaise les irritations, assainit les pores et soutient la régénération cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de nigelle\u003c\/h3\u003e\n        \u003cp\u003eRiche en thymoquinone et acides gras essentiels, elle apporte des propriétés apaisantes et contribue à la régénération des peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003ePour qui est ce savon au nigelle ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-grid\"\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eLa douceur de l'huile d'olive combinée à la nigelle calme les tiraillements et les rougeurs au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e🩹 Peaux sujettes à l'eczéma ou au psoriasis\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés apaisantes et rééquilibrantes de l'huile de nigelle en font un allié du quotidien, sans se substituer à un suivi médical.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e✨ Peaux mixtes ou à tendance acnéique\u003c\/h3\u003e\n        \u003cp\u003eL'huile de baies de laurier assainit les pores sans agresser la peau ni perturber son équilibre naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eUtilisable sur le visage, le corps, et même en shampoing solide doux pour un rituel de soin complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-timeline\"\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre peau ou vos cheveux avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse onctueuse, puis appliquez en massages circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eConservez\u003c\/h3\u003e\n          \u003cp\u003eConservez le savon à l'abri de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-nige-tip\"\u003e\n      \u003cdiv class=\"soi-nige-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePosez votre savon d'Alep sur un porte-savon ajouré afin qu'il sèche correctement entre chaque usage. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep à l'huile de nigelle Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-compo\"\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Nigella Sativa Seed Oil, Sodium Hydroxide, Sodium Chloride\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003e100% naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eConservateur synthétique, colorant artificiel, parfum ajouté\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eProcédé traditionnel artisanal d'Alep\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-grid-compact\"\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eNajel, Rêve d'Orient\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eSavon solide\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧑\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card-mini\"\u003e\n        \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-card-mini-value\"\u003eTous types, peaux sensibles\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-nige-accordion\"\u003e\n      \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n        \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, consultez votre dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-nige-cta-box\"\u003e\n      \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003e3 000 ans de sagesse orientale dans vos mains\u003c\/p\u003e\n      \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel de soin naturel, doux et respectueux. Un geste simple, chaque jour, pour une peau visiblement plus douce et apaisée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-nige-marine: #1A2D3D;\n  --soi-nige-marine-dark: #0F1E2B;\n  --soi-nige-marine-light: #2C4458;\n  --soi-nige-pomme: #A1C544;\n  --soi-nige-pomme-dark: #84A636;\n  --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-nige-white: #FFFFFF;\n  --soi-nige-off-white: #F8FAF6;\n  --soi-nige-stone: #F1F3EE;\n  --soi-nige-line: #E5E8E0;\n\n  --soi-nige-primary: #C87941;\n  --soi-nige-primary-soft: #F5E6D3;\n  --soi-nige-accent: #D4944A;\n\n  --soi-nige-text: #1A2D3D;\n  --soi-nige-text-soft: #4A5B6B;\n  --soi-nige-text-muted: #7B8693;\n\n  --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-nige-radius: 12px;\n  --soi-nige-radius-sm: 8px;\n  --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-nige-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-nige-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n  position: relative;\n  background: var(--soi-nige-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-nige-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-nige-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-nige-pomme);\n  border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n  display: block;\n  color: var(--soi-nige-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-nige-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-nige-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-nige-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n  background: var(--soi-nige-pomme);\n  border-color: var(--soi-nige-pomme);\n  color: var(--soi-nige-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-nige-pomme);\n  border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-nige-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-nige-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-nige-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n  background: var(--soi-nige-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-nige-radius);\n  border: 1px solid var(--soi-nige-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-nige-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-nige-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n  font-size: 13px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-nige-card {\n  background: var(--soi-nige-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nige-radius);\n  border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nige-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-nige-card-mini {\n  background: var(--soi-nige-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-nige-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-nige-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-nige-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-nige-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-nige-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-nige-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-nige-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nige-radius);\n  border: 1px solid var(--soi-nige-line);\n  align-items: flex-start;\n}\n\n.soi-nige-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-nige-marine);\n  color: var(--soi-nige-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n  background: var(--soi-nige-off-white);\n  border-radius: var(--soi-nige-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-nige-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-nige-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-nige-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-nige-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-nige-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-nige-pomme-light);\n  border-left: 4px solid var(--soi-nige-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-nige-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-nige-marine);\n  margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n  font-size: 14px;\n  color: var(--soi-nige-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-nige-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-nige-accordion-item {\n  background: var(--soi-nige-off-white);\n  border-radius: var(--soi-nige-radius-sm);\n  border: 1px solid var(--soi-nige-line);\n  overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-nige-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-nige-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-nige-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n  background: var(--soi-nige-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-nige-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-nige-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-nige-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-nige-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-nige-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-nige-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-nige-compo-value {\n    text-align: left;\n  }\n\n  .soi-nige-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-nige-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-nige-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-nige-fiche {\n    --soi-nige-text-soft: #2C3E50;\n    --soi-nige-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634577738,"sku":"NJ0090","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lhuile-de-nigelle-najel-packshot.webp?v=1781338095"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n  \u003csection class=\"soi-almi-hero\"\u003e\n    \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n      \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n    \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n    \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n    \u003cdiv class=\"soi-almi-grid\"\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n        \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n        \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n        \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n        \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-card\"\u003e\n        \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n        \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n    \u003cdiv class=\"soi-almi-benefits\"\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n        \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n        \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-benefit\"\u003e\n        \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n        \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n    \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n    \u003cdiv class=\"soi-almi-timeline\"\u003e\n      \u003cdiv class=\"soi-almi-step\"\u003e\n        \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-almi-step-content\"\u003e\n          \u003ch3\u003eSur le visage\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-step\"\u003e\n        \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-almi-step-content\"\u003e\n          \u003ch3\u003eSur le corps\u003c\/h3\u003e\n          \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-almi-step\"\u003e\n        \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-almi-step-content\"\u003e\n          \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n          \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-almi-tip\"\u003e\n      \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\"\u003e\n    \u003cdiv class=\"soi-almi-accordion\"\u003e\n      \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n        \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-almi-cta-box\"\u003e\n      \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n      \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit 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  --soi-almi-marine: #1A2D3D;\n  --soi-almi-marine-dark: #0F1E2B;\n  --soi-almi-marine-light: #2C4458;\n  --soi-almi-pomme: #A1C544;\n  --soi-almi-pomme-dark: #84A636;\n  --soi-almi-pomme-light: rgba(161,197,68,0.10);\n  --soi-almi-white: #FFFFFF;\n  --soi-almi-off-white: #F8FAF6;\n  --soi-almi-stone: #F1F3EE;\n  --soi-almi-line: #E5E8E0;\n  --soi-almi-primary: #D4A82A;\n  --soi-almi-primary-soft: #F5E6B8;\n  --soi-almi-accent: #B5944A;\n  --soi-almi-text: #1A2D3D;\n  --soi-almi-text-soft: #4A5B6B;\n  --soi-almi-text-muted: #7B8693;\n  --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-almi-radius: 12px;\n  --soi-almi-radius-sm: 8px;\n  --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-almi-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-almi-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n  position: relative;\n  background: var(--soi-almi-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-almi-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-almi-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-almi-primary);\n}\n\n.soi-almi-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-almi-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-almi-primary);\n  border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n  display: block;\n  color: var(--soi-almi-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-almi-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-almi-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-almi-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-almi-pomme);\n  border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-almi-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-almi-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-almi-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n  background: var(--soi-almi-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-almi-radius);\n  border: 1px solid var(--soi-almi-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-almi-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-almi-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-almi-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n  font-size: 13px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-almi-card {\n  background: var(--soi-almi-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-almi-radius);\n  border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n  font-size: 14px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-almi-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-almi-radius);\n  border: 1px solid var(--soi-almi-line);\n  align-items: flex-start;\n}\n\n.soi-almi-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-almi-marine);\n  color: var(--soi-almi-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-almi-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-almi-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n  font-size: 14px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-almi-pomme-light);\n  border-left: 4px solid var(--soi-almi-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-almi-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-almi-marine);\n  margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n  font-size: 14px;\n  color: var(--soi-almi-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-almi-accordion-item {\n  background: var(--soi-almi-off-white);\n  border-radius: var(--soi-almi-radius-sm);\n  border: 1px solid var(--soi-almi-line);\n  overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-almi-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-almi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-almi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-almi-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-almi-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-almi-cta-box {\n  background: var(--soi-almi-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-almi-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-almi-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-almi-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-almi-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-almi-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-almi-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-almi-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-almi-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-almi-fiche {\n    --soi-almi-text-soft: #2C3E50;\n    --soi-almi-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-miel-najel-packshot_e32d4776-c5b0-4a95-8f44-a30fbfb79ac4.webp?v=1779976577"},{"product_id":"elixir-aux-trois-huiles-certifie-bio-najel","title":"Élixir aux trois huiles certifié bio – Najel","description":"\n\u003cdiv class=\"soi-elix-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-elix-hero\"\u003e\n    \u003cdiv class=\"soi-elix-hero-tag\"\u003e\n      \u003cspan class=\"soi-elix-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique bio · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-elix-hero-title\"\u003eÉlixir aux trois huiles certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-elix-hero-subtitle\"\u003eTrois huiles végétales précieuses réunies dans un seul flacon pour nourrir, apaiser et sublimer votre peau, votre corps et vos cheveux au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-elix-hero-labels\"\u003e\n      \u003cspan class=\"soi-elix-label soi-elix-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-elix-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003cp class=\"soi-elix-section-intro\"\u003eVous cherchez une huile bio pour le visage qui fait vraiment la différence, sans liste d'ingrédients interminable ni promesse creuse ? L'Élixir aux trois huiles certifié bio de Najel réunit trois huiles végétales précieuses, extraites par première pression à froid et issues de l'agriculture biologique, pour nourrir, apaiser et sublimer votre peau au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Trois huiles bio, une formule d'exception --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eTrois huiles bio, une formule d'exception\u003c\/h2\u003e\n    \u003cp\u003eChaque huile est extraite par première pression à froid, issue de l'agriculture biologique et certifiée Cosmos Organic. Ensemble, elles forment une synergie rare :\u003c\/p\u003e\n    \u003cdiv class=\"soi-elix-grid\"\u003e\n      \u003cdiv class=\"soi-elix-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acide oléique, elle nourrit en profondeur, protège la barrière cutanée et aide à préserver l'élasticité de la peau dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card\"\u003e\n        \u003ch3\u003e🌿 Huile de nigelle bio\u003c\/h3\u003e\n        \u003cp\u003eVéritable concentré régénérateur, elle apaise les irritations, soutient la réparation cellulaire et redonne de l'éclat aux peaux fatiguées ou ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card\"\u003e\n        \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n        \u003cp\u003eGorgée de vitamines A et E, d'oméga-6 et d'oméga-9, elle hydrate intensément les peaux sensibles et apporte souplesse et brillance aux cheveux secs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elix-tip\"\u003e\n      \u003cdiv class=\"soi-elix-tip-icon\"\u003e🌺\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe petit plus Soinat\u003c\/strong\u003e\n        \u003cp\u003eAucun parfum synthétique dans cette formule : la fragrance délicate provient uniquement de la fleur d'oranger, pour un moment sensoriel authentique à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Un soin 3-en-1 pour simplifier votre routine beauté --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eUn soin 3-en-1 pour simplifier votre routine beauté\u003c\/h2\u003e\n    \u003cp\u003eCe que vous apprécierez dans cet élixir, c'est sa capacité à remplacer plusieurs produits à la fois :\u003c\/p\u003e\n    \u003cdiv class=\"soi-elix-benefits\"\u003e\n      \u003cdiv class=\"soi-elix-benefit\"\u003e\n        \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage\u003c\/h3\u003e\n        \u003cp\u003eAppliquez quelques gouttes matin ou soir sur une peau propre. La texture sèche pénètre sans effet gras, sans occlusion des pores. Idéal comme huile visage bio en soin quotidien ou en booster sous votre crème habituelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-benefit\"\u003e\n        \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCorps\u003c\/h3\u003e\n        \u003cp\u003eMassez après la douche pour apaiser les tiraillements, nourrir les zones sèches (coudes, genoux, ventre) et prolonger le confort cutané même par temps froid.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-benefit\"\u003e\n        \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux\u003c\/h3\u003e\n        \u003cp\u003eQuelques gouttes en masque avant-shampoing ou en sérum de finition sur les pointes pour discipliner, nourrir et redonner brillance aux longueurs abîmées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition complète de l'élixir Najel --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eComposition complète de l'élixir Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-elix-compo\"\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eINCI\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003eOlea Europaea Fruit Oil*, Prunus Amygdalus Dulcis Oil*, Nigella Sativa Seed Oil*, Citrus Aurantium Amara Flower Oil*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eOrigine bio\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003e96,3 % d'origine biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-compo-row\"\u003e\n        \u003cspan class=\"soi-elix-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-compo-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Aucun parfum de synthèse, aucun ingrédient superflu : seulement ce dont votre peau a besoin.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser l'élixir aux trois huiles Najel ? --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eComment utiliser l'élixir aux trois huiles Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-elix-timeline\"\u003e\n      \u003cdiv class=\"soi-elix-step\"\u003e\n        \u003cdiv class=\"soi-elix-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-elix-step-content\"\u003e\n          \u003ch3\u003eVersage\u003c\/h3\u003e\n          \u003cp\u003eActionnez la pompe 2 à 3 fois dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-step\"\u003e\n        \u003cdiv class=\"soi-elix-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-elix-step-content\"\u003e\n          \u003ch3\u003eActivation\u003c\/h3\u003e\n          \u003cp\u003eFrottez vos paumes pour tiédir l'huile et libérer le parfum de fleur d'oranger.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-step\"\u003e\n        \u003cdiv class=\"soi-elix-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-elix-step-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eMassez en mouvements circulaires sur le visage, le corps ou les cheveux selon votre besoin du moment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ce que vous devez savoir avant d'acheter --\u003e\n  \u003csection class=\"soi-elix-section\"\u003e\n    \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n    \u003cdiv class=\"soi-elix-grid-compact\"\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-elix-card-mini\"\u003e\n        \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-label\"\u003eTexture\u003c\/span\u003e\n        \u003cspan class=\"soi-elix-card-mini-value\"\u003eSèche, non comédogène\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-elix-accordion\"\u003e\n      \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n        \u003csummary class=\"soi-elix-accordion-header\"\u003e🧑 Pour quels types de peau ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n          \u003cp\u003eCet élixir convient aux peaux sensibles et aux peaux normales à sèches. Sa texture sèche non comédogène est adaptée à une utilisation sur le visage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n        \u003csummary class=\"soi-elix-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n        \u003csummary class=\"soi-elix-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n          \u003cp\u003eFlacon pompe ambré de 100 ml, pratique et hygiénique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-elix-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-elix-cta-box\"\u003e\n      \u003cp class=\"soi-elix-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté simplifié\u003c\/p\u003e\n      \u003cp class=\"soi-elix-cta-text\" style=\"color: white;\"\u003eTrois huiles bio emblématiques réunies dans un seul geste quotidien. De votre visage à vos pointes, nourrissez, réparez et embellissez avec la douceur naturelle de la fleur d'oranger.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-elix-marine: #1A2D3D;\n  --soi-elix-marine-dark: #0F1E2B;\n  --soi-elix-marine-light: #2C4458;\n  --soi-elix-pomme: #A1C544;\n  --soi-elix-pomme-dark: #84A636;\n  --soi-elix-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-elix-white: #FFFFFF;\n  --soi-elix-off-white: #F8FAF6;\n  --soi-elix-stone: #F1F3EE;\n  --soi-elix-line: #E5E8E0;\n\n  --soi-elix-primary: #D8924A;\n  --soi-elix-primary-soft: #F5E6D3;\n  --soi-elix-accent: #3A2518;\n\n  --soi-elix-text: #1A2D3D;\n  --soi-elix-text-soft: #4A5B6B;\n  --soi-elix-text-muted: #7B8693;\n\n  --soi-elix-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-elix-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-elix-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-elix-radius: 12px;\n  --soi-elix-radius-sm: 8px;\n  --soi-elix-radius-pill: 999px;\n}\n\n.soi-elix-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-elix-fiche img { max-width: 100%; height: auto; }\n\n.soi-elix-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-elix-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-elix-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-elix-hero {\n  position: relative;\n  background: var(--soi-elix-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-elix-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-elix-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-elix-primary);\n}\n\n.soi-elix-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-elix-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-elix-primary);\n  border-radius: 50%;\n}\n\n.soi-elix-hero-title {\n  display: block;\n  color: var(--soi-elix-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-elix-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-elix-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-elix-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-elix-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-elix-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-elix-label-accent {\n  background: var(--soi-elix-primary);\n  border-color: var(--soi-elix-primary);\n  color: var(--soi-elix-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-elix-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-elix-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-elix-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-elix-primary);\n  border-radius: 2px;\n}\n\n.soi-elix-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-elix-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-elix-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-elix-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-elix-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-elix-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1rem;\n}\n\n.soi-elix-benefit {\n  background: var(--soi-elix-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-elix-radius);\n  border: 1px solid var(--soi-elix-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-elix-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-elix-shadow-md);\n}\n\n.soi-elix-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-elix-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-elix-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-elix-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-elix-benefit:hover .soi-elix-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-elix-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-elix-benefit p {\n  font-size: 13px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-elix-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-elix-card {\n  background: var(--soi-elix-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-elix-radius);\n  border-left: 3px solid var(--soi-elix-primary);\n}\n\n.soi-elix-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-elix-card p {\n  font-size: 14px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-elix-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-elix-card-mini {\n  background: var(--soi-elix-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-elix-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-elix-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-elix-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-elix-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-elix-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-elix-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-elix-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-elix-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-elix-radius);\n  border: 1px solid var(--soi-elix-line);\n  align-items: flex-start;\n}\n\n.soi-elix-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-elix-marine);\n  color: var(--soi-elix-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-elix-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-elix-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-elix-step-content p {\n  font-size: 14px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-elix-compo {\n  background: var(--soi-elix-off-white);\n  border-radius: var(--soi-elix-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-elix-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-elix-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-elix-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-elix-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-elix-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-elix-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-elix-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-elix-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-elix-primary-soft);\n  border-left: 4px solid var(--soi-elix-primary);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-elix-radius) var(--soi-elix-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-elix-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-elix-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-elix-marine);\n  margin-bottom: 4px;\n}\n\n.soi-elix-tip p {\n  font-size: 14px;\n  color: var(--soi-elix-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-elix-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-elix-accordion-item {\n  background: var(--soi-elix-off-white);\n  border-radius: var(--soi-elix-radius-sm);\n  border: 1px solid var(--soi-elix-line);\n  overflow: hidden;\n}\n\n.soi-elix-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-elix-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-elix-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-elix-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-elix-primary);\n  transition: transform 0.2s ease;\n}\n\n.soi-elix-accordion-item[open] .soi-elix-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-elix-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-elix-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-elix-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-elix-cta-box {\n  background: var(--soi-elix-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-elix-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-elix-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-elix-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-elix-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-elix-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-elix-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-elix-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-elix-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-elix-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-elix-compo-value {\n    text-align: left;\n  }\n\n  .soi-elix-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-elix-tip {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-elix-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-elix-fiche {\n    --soi-elix-text-soft: #2C3E50;\n    --soi-elix-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637526858,"sku":"NJ0190","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/elixir-aux-trois-huiles-certifie-bio-najel-packshot_11zon.webp?v=1780299063"},{"product_id":"huile-de-nigelle-certifiee-bio-najel","title":"Huile de nigelle certifiée bio – Najel","description":"\n\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n  \u003csection class=\"soi-nige-hero\"\u003e\n    \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n      \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n      Huile végétale · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-nige-hero-title\"\u003eL'huile des Pharaons, certifiée bio\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-nige-hero-subtitle\"\u003eHéritière de 2 500 ans de sagesse orientale, cette huile purifiante prend soin de votre peau, de vos cheveux et de votre corps avec une richesse exceptionnelle en actifs naturels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n      \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003e100% NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-nige-label\"\u003ePRESSION À FROID\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003cp class=\"soi-nige-section-intro\"\u003eUtilisée depuis plus de 2 500 ans en Orient et connue comme \u003cstrong\u003e« l'huile des Pharaons »\u003c\/strong\u003e, l'huile de nigelle bio Najel est extraite par pression à froid des graines de \u003cem\u003eNigella Sativa\u003c\/em\u003e, sans aucun solvant ni conservateur. Certifiée Cosmos Organic par Ecocert, elle offre une huile d'une richesse exceptionnelle pour votre rituel beauté quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eComposition de l'huile de nigelle bio Najel\u003c\/h2\u003e\n    \u003cp\u003eLa force de cette huile repose sur une composition naturelle particulièrement dense en actifs :\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-compo\"\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eAcides gras insaturés (oméga-6 et oméga-9)\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eNourrissent en profondeur, renforcent la barrière cutanée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eThymoquinone\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eComposé phare, propriétés apaisantes et antioxydantes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003eVitamine E (tocophérols)\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eProtection contre les radicaux libres, anti-âge cutané\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-compo-row\"\u003e\n        \u003cspan class=\"soi-nige-compo-label\"\u003ePhytostérols\u003c\/span\u003e\n        \u003cspan class=\"soi-nige-compo-value\"\u003eRégénération cellulaire, élasticité de la peau\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-nige-tip\"\u003e\n      \u003cdiv class=\"soi-nige-tip-icon\"\u003e🧬\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eIngrédient INCI\u003c\/strong\u003e\n        \u003cp\u003eNigella Sativa Seed Oil*. (*Ingrédient issu de l'agriculture biologique.)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile de nigelle : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-grid\"\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e💧 Peau sèche et inconfortable\u003c\/h3\u003e\n        \u003cp\u003eL'huile de nigelle pénètre rapidement sans laisser de film gras. Elle nourrit intensément les peaux sèches, déshydratées ou qui tiraillent, et restaure un toucher souple dès les premières applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles, irritées ou réactives\u003c\/h3\u003e\n        \u003cp\u003eGrâce à la thymoquinone, l'huile de nigelle apaise les rougeurs, les démangeaisons et les petites irritations. Elle est particulièrement appréciée pour les peaux à tendance atopique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e✨ Anti-âge et éclat du teint\u003c\/h3\u003e\n        \u003cp\u003eSes antioxydants naturels aident à neutraliser les radicaux libres responsables du vieillissement cutané prématuré. La peau retrouve de la luminosité et les rides semblent atténuées sur la durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-card\"\u003e\n        \u003ch3\u003e💆 Cheveux et cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eAppliquée en masque avant shampoing, elle nourrit les longueurs abîmées, réduit les frisottis et apaise les cuirs chevelus secs ou qui desquament.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de nigelle Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-timeline\"\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 pressions de la pompe, à masser délicatement matin ou soir sur peau propre et légèrement humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massage après la douche, en insistant sur les zones sèches (coudes, talons, genoux).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eDéposez quelques gouttes sur les longueurs ou le cuir chevelu, laissez poser 20 minutes avant de rincer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-step\"\u003e\n        \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-nige-step-content\"\u003e\n          \u003ch3\u003eMuscles\u003c\/h3\u003e\n          \u003cp\u003eMassez les zones de tension pour un effet apaisant et décontractant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003eL'huile de nigelle est-elle dangereuse ? Ce qu'il faut savoir\u003c\/h2\u003e\n    \u003cp\u003eL'huile de nigelle est bien tolérée par la majorité des peaux, y compris les peaux sensibles. Cependant, quelques précautions s'imposent pour une utilisation sereine.\u003c\/p\u003e\n    \u003cdiv class=\"soi-nige-accordion\"\u003e\n      \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n        \u003csummary class=\"soi-nige-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n          \u003cp\u003eComme pour toute huile végétale, nous vous recommandons un test cutané préalable sur une petite zone (intérieur du poignet) avant une application généralisée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n        \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Allergie aux Renonculacées\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n          \u003cp\u003eEn cas d'allergie connue aux plantes de la famille des Renonculacées, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n        \u003csummary class=\"soi-nige-accordion-header\"\u003e📋 Usage cosmétique externe uniquement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage cosmétique externe uniquement et ne se substitue pas à un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de nigelle bio Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-nige-benefits\"\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eCertifiée bio, garantie sans produits chimiques de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePression à froid\u003c\/h3\u003e\n        \u003cp\u003eTous les actifs naturels sont préservés grâce à ce procédé d'extraction doux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFlacon ambré avec pompe\u003c\/h3\u003e\n        \u003cp\u003eProtège l'huile de la lumière et facilite le dosage au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-nige-benefit\"\u003e\n        \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVegan, sans conservateurs\u003c\/h3\u003e\n        \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-nige-cta-box\"\u003e\n      \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003eL'huile des Pharaons, certifiée bio\u003c\/p\u003e\n      \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003ePure, certifiée Cosmos Organic, d'une efficacité éprouvée depuis 2 500 ans : l'huile de nigelle Najel mérite sa place dans votre routine beauté naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-nige-marine: #1A2D3D;\n  --soi-nige-marine-dark: #0F1E2B;\n  --soi-nige-marine-light: #2C4458;\n  --soi-nige-pomme: #A1C544;\n  --soi-nige-pomme-dark: #84A636;\n  --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-nige-white: #FFFFFF;\n  --soi-nige-off-white: #F8FAF6;\n  --soi-nige-stone: #F1F3EE;\n  --soi-nige-line: #E5E8E0;\n\n  --soi-nige-primary: #E87722;\n  --soi-nige-primary-soft: #F5D4B3;\n  --soi-nige-accent: #3A2518;\n\n  --soi-nige-text: #1A2D3D;\n  --soi-nige-text-soft: #4A5B6B;\n  --soi-nige-text-muted: #7B8693;\n\n  --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-nige-radius: 12px;\n  --soi-nige-radius-sm: 8px;\n  --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-nige-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-nige-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n  position: relative;\n  background: var(--soi-nige-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-nige-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-nige-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-nige-pomme);\n  border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n  display: block;\n  color: var(--soi-nige-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-nige-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-nige-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-nige-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n  background: var(--soi-nige-pomme);\n  border-color: var(--soi-nige-pomme);\n  color: var(--soi-nige-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-nige-pomme);\n  border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-nige-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-nige-section-intro strong {\n  color: var(--soi-nige-marine);\n}\n\n.soi-nige-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-nige-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n  background: var(--soi-nige-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-nige-radius);\n  border: 1px solid var(--soi-nige-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-nige-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-nige-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n  font-size: 13px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-nige-card {\n  background: var(--soi-nige-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nige-radius);\n  border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n  background: var(--soi-nige-off-white);\n  border-radius: var(--soi-nige-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-nige-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-nige-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-nige-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-nige-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-nige-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-nige-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-nige-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-nige-radius);\n  border: 1px solid var(--soi-nige-line);\n  align-items: flex-start;\n}\n\n.soi-nige-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-nige-marine);\n  color: var(--soi-nige-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-nige-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-nige-pomme-light);\n  border-left: 4px solid var(--soi-nige-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-nige-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-nige-marine);\n  margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n  font-size: 14px;\n  color: var(--soi-nige-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-nige-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-nige-accordion-item {\n  background: var(--soi-nige-off-white);\n  border-radius: var(--soi-nige-radius-sm);\n  border: 1px solid var(--soi-nige-line);\n  overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-nige-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-nige-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-nige-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-nige-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n  background: var(--soi-nige-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-nige-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-nige-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-nige-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-nige-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-nige-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-nige-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-nige-compo-value {\n    text-align: left;\n  }\n\n  .soi-nige-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-nige-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-nige-fiche {\n    --soi-nige-text-soft: #2C3E50;\n    --soi-nige-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637789002,"sku":"NJ0185","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-nigelle-certifiee-bio-najel-packshot.webp?v=1780298466"},{"product_id":"huile-de-coco-certifiee-bio-najel","title":"Huile de coco certifiée bio – Najel","description":"\u003cdiv class=\"soi-coco-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-coco-hero\"\u003e\n    \u003cdiv class=\"soi-coco-hero-tag\"\u003e\n      \u003cspan class=\"soi-coco-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-coco-hero-title\"\u003eHuile de coco certifiée bio\u003c\/span\u003e\n    \u003cp class=\"soi-coco-hero-subtitle\"\u003eUne huile végétale vierge, extraite par première pression à froid, pour nourrir et protéger votre peau, vos cheveux et votre visage au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-hero-labels\"\u003e\n      \u003cspan class=\"soi-coco-label soi-coco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-coco-label\"\u003eHUILE VIERGE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Huile vierge de coco bio --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eUne huile vierge de coco bio : ce que ça change vraiment\u003c\/h2\u003e\n    \u003cp\u003eToutes les huiles de coco ne se valent pas. La version vierge et bio de Najel est obtenue sans solvant, sans raffinage et sans déodorisation. Résultat : ses acides gras naturels, notamment l'acide laurique (environ 50 %), sont pleinement conservés. C'est précisément cet acide gras qui lui confère ses propriétés nourrissantes, apaisantes et protectrices si appréciées.\u003c\/p\u003e\n    \u003cp\u003eSon léger parfum gourmand de coco est tout simplement celui de l'huile brute, naturelle et vivante.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Bienfaits --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eBienfaits de l'huile de coco bio : peau, cheveux et visage\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-benefits\"\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau du corps\u003c\/h3\u003e\n        \u003cp\u003eAppliquée après la douche, elle nourrit en profondeur les peaux sèches, rugueuses ou sensibles. Elle forme une barrière protectrice contre les agressions extérieures tout en laissant la peau douce et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux et pointes\u003c\/h3\u003e\n        \u003cp\u003eEn masque avant shampooing ou en soin des pointes, l'huile de coco bio vierge lisse la fibre capillaire, réduit les frisottis et apporte brillance et souplesse. Idéale aussi pour les cheveux secs ou abîmés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-benefit\"\u003e\n        \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n        \u003cp\u003eEn démaquillant doux ou en soin du contour des yeux, elle hydrate la peau délicate sans agresser. Elle contribue à atténuer l'apparence des rides de déshydratation et apaise les rougeurs et irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : Comment utiliser --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de coco bio pour le corps et les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-coco-section-intro\"\u003eQuelques conseils pratiques pour en tirer le meilleur :\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-timeline\"\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre une noisette entre vos paumes (elle se liquéfie dès 25 °C) et massez sur la peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur les longueurs et pointes 30 minutes avant le shampooing, ou une petite touche sur pointes sèches après coiffage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003eLe soir, une micro-dose suffit pour démaquiller ou nourrir le contour des yeux. Évitez en journée si votre peau est mixte à grasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-step\"\u003e\n        \u003cdiv class=\"soi-coco-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-coco-step-content\"\u003e\n          \u003ch3\u003eRasage\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes sur la zone à raser réduisent les tiraillements et laissent la peau lisse après le passage du rasoir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Composition --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003eComposition de l'huile de coco vierge bio Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-coco-section-intro\"\u003eIngrédient unique : \u003cem\u003eCocos Nucifera (Coconut) Oil\u003c\/em\u003e. C'est tout. Aucun additif, aucun conservateur, aucun parfum ajouté. La certification Cosmos Organic Ecocert garantit une agriculture biologique contrôlée et une transformation respectueuse des matières premières.\u003c\/p\u003e\n    \u003cdiv class=\"soi-coco-compo\"\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide laurique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 48 à 52 % — actif principal aux propriétés nourrissantes et protectrices\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide myristique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 18 % — contribue à la texture fondante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-compo-row\"\u003e\n        \u003cspan class=\"soi-coco-compo-label\"\u003eAcide palmitique\u003c\/span\u003e\n        \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 9 % — soutient l'effet barrière cutané\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 : Pour qui --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003ePour qui est faite cette huile de coco bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-grid\"\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eElle convient aux peaux sensibles, aux enfants (hors nourrissons sans avis médical) et aux femmes enceintes pour prévenir l'apparence des vergetures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e⚠️ Peaux acnéiques\u003c\/h3\u003e\n        \u003cp\u003eSi vous avez une peau acnéique, réservez-la plutôt au corps et aux cheveux, car l'huile de coco est comédogène pour certains types de peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : Pourquoi choisir Najel --\u003e\n  \u003csection class=\"soi-coco-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de coco bio Najel plutôt qu'une autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-coco-grid\"\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGage de traçabilité et de qualité indépendante pour une huile végétale bio contrôlée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n        \u003cp\u003eAucune chaleur excessive, tous les actifs préservés pour une huile vivante et riche en nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🥥 Texture naturelle\u003c\/h3\u003e\n        \u003cp\u003eSolide naturellement sous 25 °C, sans aucun additif stabilisateur. Juste de l'huile de coco, pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-coco-card\"\u003e\n        \u003ch3\u003e🌿 Marque Najel\u003c\/h3\u003e\n        \u003cp\u003eRéférence reconnue dans les soins naturels et bio depuis des décennies.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-coco-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-coco-cta-box\"\u003e\n      \u003cp class=\"soi-coco-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-coco-cta-text\" style=\"color: white;\"\u003eDouce, pure et polyvalente, l'huile de coco bio vierge Najel s'invite dans toute votre routine beauté. Pour une peau nourrie, des cheveux soyeux et un soin du visage naturel, sans compromis sur la qualité ni sur l'authenticité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-coco-marine: #1A2D3D;\n  --soi-coco-marine-dark: #0F1E2B;\n  --soi-coco-marine-light: #2C4458;\n  --soi-coco-pomme: #A1C544;\n  --soi-coco-pomme-dark: #84A636;\n  --soi-coco-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-coco-white: #FFFFFF;\n  --soi-coco-off-white: #F8FAF6;\n  --soi-coco-stone: #F1F3EE;\n  --soi-coco-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : or\/sable, brun chocolat, crème) === *\/\n  --soi-coco-primary: #C4A265;\n  --soi-coco-primary-soft: #E8D5B0;\n  --soi-coco-accent: #5C3D2E;\n\n  \/* === Textes === *\/\n  --soi-coco-text: #1A2D3D;\n  --soi-coco-text-soft: #4A5B6B;\n  --soi-coco-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-coco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-coco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-coco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-coco-radius: 12px;\n  --soi-coco-radius-sm: 8px;\n  --soi-coco-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-coco-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coco-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-coco-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-coco-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-coco-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-coco-hero {\n  position: relative;\n  background: var(--soi-coco-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-coco-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-coco-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-coco-pomme);\n}\n\n.soi-coco-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-coco-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-coco-pomme);\n  border-radius: 50%;\n}\n\n.soi-coco-hero-title {\n  display: block;\n  color: var(--soi-coco-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-coco-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-coco-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-coco-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-coco-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-coco-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-coco-label-accent {\n  background: var(--soi-coco-pomme);\n  border-color: var(--soi-coco-pomme);\n  color: var(--soi-coco-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-coco-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coco-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-coco-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-coco-pomme);\n  border-radius: 2px;\n}\n\n.soi-coco-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-coco-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-coco-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-coco-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-coco-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-coco-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-coco-benefit {\n  background: var(--soi-coco-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-coco-radius);\n  border: 1px solid var(--soi-coco-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coco-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-coco-shadow-md);\n}\n\n.soi-coco-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-coco-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-coco-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-coco-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-coco-benefit:hover .soi-coco-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-coco-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coco-benefit p {\n  font-size: 13px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-coco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-coco-card {\n  background: var(--soi-coco-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coco-radius);\n  border-left: 3px solid var(--soi-coco-pomme);\n}\n\n.soi-coco-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-coco-card p {\n  font-size: 14px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-coco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-coco-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-coco-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-coco-radius);\n  border: 1px solid var(--soi-coco-line);\n  align-items: flex-start;\n}\n\n.soi-coco-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-coco-marine);\n  color: var(--soi-coco-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-coco-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-coco-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-coco-step-content p {\n  font-size: 14px;\n  color: var(--soi-coco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-coco-compo {\n  background: var(--soi-coco-off-white);\n  border-radius: var(--soi-coco-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-coco-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-coco-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-coco-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-coco-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-coco-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-coco-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-coco-marine);\n  text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-coco-cta-box {\n  background: var(--soi-coco-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-coco-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-coco-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-coco-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-coco-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-coco-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-coco-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 500;\n  color: var(--soi-coco-white);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 620px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-coco-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-coco-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-coco-compo-value {\n    text-align: left;\n  }\n\n  .soi-coco-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-coco-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-coco-fiche {\n    --soi-coco-text-soft: #2C3E50;\n    --soi-coco-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603638608202,"sku":"NJ0210","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0210_huile_coco_349785ab-7b9d-4daa-b062-80d976b703e5.jpg?v=1778843259"},{"product_id":"huile-de-dattier-du-desert-certifiee-bio-najel","title":"Huile de Dattier du Désert certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'Huile de Dattier du Désert\u003c\/strong\u003e certifiée bio de Najel, un soin naturel d'exception \u003cstrong\u003epour le visage, le corps et les cheveux\u003c\/strong\u003e. Extraite par une pression à froid unique des graines du dattier, cette huile précieuse est votre alliée \u003cstrong\u003epour une peau nourrie et des cheveux revitalisés.\u003c\/strong\u003e Offrez à votre routine beauté un véritable trésor venu du cœur de l'Afrique tropicale.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0220_fd2586c9-bb7a-4ba3-b5fb-0e96df3b8f58.jpg?v=1776181142\" alt=\"Dattier du Désert et son huile\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de l'Huile de Dattier du Désert certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eL'Huile de Dattier du Désert de Najel est \u003cstrong\u003eune huile végétale pure\u003c\/strong\u003e, reconnue pour ses multiples bienfaits. \u003cstrong\u003eSa texture au toucher sec \u003c\/strong\u003een fait un \u003cstrong\u003esoin polyvalent\u003c\/strong\u003e et idéal pour différents types de peau et de cheveux.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et protège les peaux sèches\u003c\/strong\u003e\u003cbr\u003eGrâce à ses propriétés émollientes, cette huile nourrit et répare les peaux sèches et abîmées. Elle offre un confort immédiat en adoucissant la peau tout en créant une barrière protectrice contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdéale pour les peaux mixtes\u003c\/strong\u003e\u003cbr\u003eL'Huile de Dattier du Désert est parfaite pour les peaux mixtes. Sa texture légère hydrate sans surgraisser, laissant la peau douce et équilibrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin nourrissant pour les cheveux\u003c\/strong\u003e\u003cbr\u003eAppliquée sur les cheveux, elle redonne souplesse et vitalité aux cheveux secs et abîmés. Utilisez-la en masque avant shampoing pour nourrir en profondeur, ou en soin des pointes pour prévenir la casse et les fourches.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Cosmos Organic par Ecocert\u003c\/strong\u003e\u003cbr\u003eConditionnée dans un flacon ambré de 80 ml avec une pompe goutte à goutte, cette huile est un produit 100 % naturel et certifié bio, garantissant une utilisation respectueuse de votre peau et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine et culture\u003c\/strong\u003e\u003cbr\u003eLe dattier du désert, originaire du Sahel, est un arbre robuste qui joue un rôle clé dans la lutte contre la désertification. Ses fruits et ses feuilles sont consommés par les populations locales, et il est également reconnu pour ses propriétés anti-inflammatoires en médecine traditionnelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eL'Huile de Dattier du Désert certifiée bio de Najel\u003c\/strong\u003e est ainsi véritable élixir de beauté venu du désert, adapté à toutes vos envies : hydratation, réparation, protection. Intégrez-la à votre routine quotidienne \u003cstrong\u003epour une peau et des cheveux éclatants de santé\u003c\/strong\u003e. Offrez-vous un voyage sensoriel au cœur de l'Afrique avec ce \u003cstrong\u003esoin naturel et bio\u003c\/strong\u003e qui sublime votre beauté jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639755082,"sku":"NJ0220","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0220_huile_dattier_081dff72-0cc4-43af-b758-b11f6d7e7668.jpg?v=1778843258"},{"product_id":"beurre-de-karite-parfum-cacao-certifie-bio-najel","title":"Beurre de karité parfum cacao certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n  \u003csection class=\"soi-kari-hero\"\u003e\n    \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n      \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-kari-hero-title\"\u003eUn seul pot, mille bienfaits\u003c\/span\u003e\n    \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin universel, nourrissant et protecteur pour le visage, le corps et les cheveux, aux notes gourmandes de cacao.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n      \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eUn beurre de karité bio parfum cacao conçu pour nourrir, protéger \u0026amp; se faire plaisir\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez un soin universel, naturel et vraiment efficace, le \u003cstrong\u003ebeurre de karité parfum cacao Najel\u003c\/strong\u003e est fait pour vous. Certifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, fabriqué artisanalement par une coopérative de femmes ghanéennes dans le respect du commerce équitable, ce beurre allie la puissance nutritive du karité aux notes gourmandes du cacao. Visage, corps, cheveux : il s'adapte à tous vos besoins, en toutes saisons.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid-compact\"\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003ePot de 100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eGhana\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003e100 % brut, non raffiné\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🤎\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eCacao naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003ePourquoi le beurre de karité est-il si précieux pour la peau et les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eLe \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e est extrait des noix de l'arbre \u003cem\u003eVitellaria paradoxa\u003c\/em\u003e, poussant dans les savanes d'Afrique de l'Ouest. Sa richesse exceptionnelle en \u003cstrong\u003eacides gras\u003c\/strong\u003e (oléique, stéarique, linoléique) et en \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e en fait un ingrédient de référence en cosmétique naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-benefits\"\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFilm protecteur\u003c\/h3\u003e\n        \u003cp\u003eRestaure le film hydrolipidique de la peau et des cheveux pour une protection durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n        \u003cp\u003eFavorise le renouvellement cellulaire grâce à sa teneur en vitamine A.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eProtège contre le stress oxydatif grâce à la vitamine E naturellement présente.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉlasticité renforcée\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'élasticité cutanée et réduit l'aspect des peaux très sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-kari-tip\"\u003e\n      \u003cdiv class=\"soi-kari-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n        \u003cp\u003eContrairement à de nombreux produits du marché, ce beurre est \u003cstrong\u003e100 % brut et non raffiné\u003c\/strong\u003e : toutes ses propriétés actives sont intégralement préservées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eLe beurre de karité dans les cheveux : un soin réparateur complet\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eVous vous demandez comment utiliser le \u003cstrong\u003ebeurre de karité sur vos cheveux\u003c\/strong\u003e ? C'est l'un des soins capillaires les plus polyvalents qui existent. Voici comment en tirer le meilleur parti.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid\"\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🧖 Masque nourrissant\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une noisette de beurre fondu entre vos paumes sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e💎 Soin sans rinçage\u003c\/h3\u003e\n        \u003cp\u003eUne infime quantité sur les pointes sèches suffit à dompter les frisottis et apporter de la brillance au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🌡️ Bouclier thermique naturel\u003c\/h3\u003e\n        \u003cp\u003eAppliqué avant le brushing, il protège la fibre capillaire de la chaleur et limite les dommages liés au coiffage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eLes \u003cstrong\u003echeveux secs, abîmés ou crépus\u003c\/strong\u003e répondent particulièrement bien au beurre de karité : ils retrouvent souplesse, brillance et densité visuelle dès les premières applications.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eAu-delà des cheveux, ce \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e s'utilise partout. Sa texture solide fond instantanément au contact de la chaleur des mains, pour une application fluide et agréable. Le \u003cstrong\u003eparfum naturel de cacao\u003c\/strong\u003e transforme chaque geste en une pause sensorielle vraiment plaisante.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid\"\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n        \u003cp\u003eCrème de nuit naturelle sur peaux sèches ou sensibles, soin des lèvres gercées. Une protection douce et enveloppante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n        \u003cp\u003eProtection contre le froid et le vent, soin après-soleil apaisant, baume pour les talons abîmés. Votre allié en toutes saisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n        \u003cp\u003eRestaure les mains desséchées après de fréquents lavages. Quelques secondes suffisent pour retrouver confort et douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-compo\"\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédients INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003e* Origine\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eProvenance\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eGhana, commerce équitable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003ePot de 100 g, texture solide fondant à la chaleur des mains\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-timeline\"\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003ePrélevez\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une petite quantité de beurre avec les doigts propres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003eFaites fondre\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre le beurre entre vos paumes pendant quelques secondes jusqu'à obtenir une texture fluide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massant doucement sur la zone souhaitée : peau, cheveux, mains ou pieds.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003eDosez progressivement\u003c\/h3\u003e\n          \u003cp\u003eCommencez par de petites quantités, surtout sur le visage, pour habituer votre peau au soin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003cdiv class=\"soi-kari-accordion\"\u003e\n      \u003cdetails class=\"soi-kari-accordion-item\"\u003e\n        \u003csummary class=\"soi-kari-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-kari-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-kari-cta-box\"\u003e\n      \u003cp class=\"soi-kari-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille bienfaits\u003c\/p\u003e\n      \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eHydrater, protéger, réparer et se faire du bien : le beurre de karité cacao Najel vous accompagne au quotidien, avec toute la générosité de la nature et le savoir-faire artisanal des femmes du Ghana.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-kari-marine: #1A2D3D;\n  --soi-kari-marine-dark: #0F1E2B;\n  --soi-kari-marine-light: #2C4458;\n  --soi-kari-pomme: #A1C544;\n  --soi-kari-pomme-dark: #84A636;\n  --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-kari-white: #FFFFFF;\n  --soi-kari-off-white: #F8FAF6;\n  --soi-kari-stone: #F1F3EE;\n  --soi-kari-line: #E5E8E0;\n\n  --soi-kari-primary: #D4A460;\n  --soi-kari-primary-soft: #E8C88A;\n  --soi-kari-accent: #4A2F24;\n\n  --soi-kari-text: #1A2D3D;\n  --soi-kari-text-soft: #4A5B6B;\n  --soi-kari-text-muted: #7B8693;\n\n  --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-kari-radius: 12px;\n  --soi-kari-radius-sm: 8px;\n  --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-kari-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-kari-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n  position: relative;\n  background: var(--soi-kari-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-kari-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-kari-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-kari-pomme);\n}\n\n.soi-kari-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-kari-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-kari-pomme);\n  border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n  display: block;\n  color: var(--soi-kari-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-kari-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-kari-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-kari-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-kari-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-kari-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n  background: var(--soi-kari-pomme);\n  border-color: var(--soi-kari-pomme);\n  color: var(--soi-kari-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-kari-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-kari-pomme);\n  border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-kari-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-kari-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-kari-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-kari-benefit {\n  background: var(--soi-kari-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-kari-radius);\n  border: 1px solid var(--soi-kari-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-kari-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-kari-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-kari-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n  font-size: 13px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-kari-card {\n  background: var(--soi-kari-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kari-radius);\n  border-left: 3px solid var(--soi-kari-pomme);\n}\n\n.soi-kari-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-kari-card-mini {\n  background: var(--soi-kari-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-kari-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-kari-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-kari-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-kari-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kari-radius);\n  border: 1px solid var(--soi-kari-line);\n  align-items: flex-start;\n}\n\n.soi-kari-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-kari-marine);\n  color: var(--soi-kari-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-kari-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n  background: var(--soi-kari-off-white);\n  border-radius: var(--soi-kari-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-kari-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-kari-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-kari-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-kari-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-kari-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-kari-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-kari-pomme-light);\n  border-left: 4px solid var(--soi-kari-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-kari-radius) var(--soi-kari-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-kari-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-kari-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-kari-marine);\n  margin-bottom: 4px;\n}\n\n.soi-kari-tip p {\n  font-size: 14px;\n  color: var(--soi-kari-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-kari-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-kari-accordion-item {\n  background: var(--soi-kari-off-white);\n  border-radius: var(--soi-kari-radius-sm);\n  border: 1px solid var(--soi-kari-line);\n  overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-kari-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-kari-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-kari-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-kari-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n  background: var(--soi-kari-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-kari-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-kari-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-kari-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-kari-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-kari-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-kari-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-kari-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-kari-compo-value {\n    text-align: left;\n  }\n\n  .soi-kari-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-kari-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-kari-fiche {\n    --soi-kari-text-soft: #2C3E50;\n    --soi-kari-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639853386,"sku":"NJ0230","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-cacao-certifie-bio-najel-packshot.webp?v=1779807920"},{"product_id":"baume-soin-coco-certifie-bio-najel","title":"Baume soin coco certifié bio – Najel","description":"\u003cdiv class=\"soi-bcoco-fiche\"\u003e\n\n  \u003csection class=\"soi-bcoco-hero\"\u003e\n    \u003cdiv class=\"soi-bcoco-hero-tag\"\u003e\n      \u003cspan class=\"soi-bcoco-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique corps \u0026amp; cheveux · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-bcoco-hero-title\"\u003eNourri, Répare \u0026amp; Protège\u003c\/span\u003e\n    \u003cp class=\"soi-bcoco-hero-subtitle\"\u003eUne texture fondante aux actifs biologiques généreux pour nourrir, réparer et protéger votre peau et vos cheveux en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bcoco-hero-labels\"\u003e\n      \u003cspan class=\"soi-bcoco-label soi-bcoco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-bcoco-label\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-bcoco-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-bcoco-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bcoco-section\"\u003e\n    \u003ch2\u003eUn baume fondant nourrissant coco bio, riche en actifs naturels d'exception\u003c\/h2\u003e\n    \u003cp class=\"soi-bcoco-section-intro\"\u003eCe baume au karité et à la noix de coco bio tire sa force d'une synergie d'ingrédients botaniques soigneusement dosés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-bcoco-grid\"\u003e\n      \u003cdiv class=\"soi-bcoco-card\"\u003e\n        \u003ch3\u003e🥥 Huile de noix de coco bio\u003c\/h3\u003e\n        \u003cp\u003eLégère et pénétrante, elle hydrate sans alourdir et laisse un parfum doux et enveloppant sur votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eVéritable bouclier naturel, il nourrit en profondeur et protège votre peau des agressions extérieures, notamment en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive vierge bio et beurre d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eReconnus pour leurs propriétés émollientes, ils assouplissent les peaux les plus sèches et rugueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-bcoco-tip\"\u003e\n      \u003cdiv class=\"soi-bcoco-tip-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUne formule certifiée Cosmos Organic par Ecocert, sans conservateur de synthèse, sans parfum artificiel. Elle respecte à la fois votre peau et l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bcoco-section\"\u003e\n    \u003ch2\u003eCorps et cheveux : comment utiliser ce baume extra riche coco bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bcoco-benefits\"\u003e\n      \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n        \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSur le corps\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une noisette sur les zones très sèches (talons, coudes, genoux) après la douche, sur peau légèrement humide pour optimiser l'absorption. La peau est instantanément apaisée et protégée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n        \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n        \u003cp\u003eAppliquez sur longueurs et pointes sèches ou abîmées, laissez poser 20 à 30 minutes (ou toute une nuit), puis rincez. Vos cheveux retrouvent souplesse, brillance et légèreté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n        \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e👄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eLèvres et zones sensibles\u003c\/h3\u003e\n        \u003cp\u003eSa formule douce et naturelle convient aux lèvres gercées, au contour des yeux ou aux petites zones irritées qui réclament un soin intensif rapide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n        \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEn soin visage nourrissant\u003c\/h3\u003e\n        \u003cp\u003eAppliqué en fine couche le soir sur peaux sèches ou déshydratées, il agit comme un baume de nuit réparateur, pour un teint repulpé au réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bcoco-section\"\u003e\n    \u003ch2\u003eComposition complète du baume soin Coco Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-bcoco-section-intro\"\u003eVoici la liste INCI complète pour une totale transparence :\u003c\/p\u003e\n    \u003cdiv class=\"soi-bcoco-compo\"\u003e\n      \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n        \u003cspan class=\"soi-bcoco-compo-label\"\u003eCocos Nucifera (Coconut) Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-bcoco-compo-value\"\u003eHuile de noix de coco bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n        \u003cspan class=\"soi-bcoco-compo-label\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n        \u003cspan class=\"soi-bcoco-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n        \u003cspan class=\"soi-bcoco-compo-label\"\u003eOlea Europaea (Olive) Fruit Oil*\u003c\/span\u003e\n        \u003cspan class=\"soi-bcoco-compo-value\"\u003eHuile d'olive vierge bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n        \u003cspan class=\"soi-bcoco-compo-label\"\u003eOlea Europaea (Olive) Fruit Butter*\u003c\/span\u003e\n        \u003cspan class=\"soi-bcoco-compo-value\"\u003eBeurre d'olive bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n        \u003cspan class=\"soi-bcoco-compo-label\"\u003eParfum (Fragrance)**\u003c\/span\u003e\n        \u003cspan class=\"soi-bcoco-compo-value\"\u003eParfum naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size: 12px; color: var(--soi-bcoco-text-muted); margin-top: 0.75rem; line-height: 1.6;\"\u003e* Ingrédients issus de l'agriculture biologique. ** Parfum naturel. Produit certifié Cosmos Organic par Ecocert.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bcoco-section\"\u003e\n    \u003ch2\u003eCe baume coco bio est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-bcoco-grid\"\u003e\n      \u003cdiv class=\"soi-bcoco-card\"\u003e\n        \u003ch3\u003e🤲 Peaux sèches, très sèches ou réactives\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez une hydratation intense sans ingrédients chimiques. Ce baume apporte une nutrition profonde et durable à votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-card\"\u003e\n        \u003ch3\u003e💇 Cheveux abîmés, cassants ou déshydratés\u003c\/h3\u003e\n        \u003cp\u003eChaleur, soleil, colorations : vos cheveux ont besoin d'un soin réparateur. Ce baume leur redonne souplesse et brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-bcoco-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du naturel et du bio\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez simplifier votre routine beauté avec un produit multi-usages, certifié bio et fabriqué en France, sans parfums de synthèse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bcoco-section\"\u003e\n    \u003cdiv class=\"soi-bcoco-accordion\"\u003e\n      \u003cdetails class=\"soi-bcoco-accordion-item\"\u003e\n        \u003csummary class=\"soi-bcoco-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-bcoco-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à un avis dermatologique en cas de pathologie cutanée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-bcoco-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-bcoco-cta-box\"\u003e\n      \u003cp class=\"soi-bcoco-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille douceurs\u003c\/p\u003e\n      \u003cp class=\"soi-bcoco-cta-text\" style=\"color: white;\"\u003eDes actifs biologiques vrais, une formule transparente et un parfum de coco qui transforme chaque geste en moment de plaisir. Pour votre peau comme pour vos cheveux, découvrez le soin dont vous ne pourrez plus vous passer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-bcoco-marine: #1A2D3D;\n  --soi-bcoco-marine-dark: #0F1E2B;\n  --soi-bcoco-marine-light: #2C4458;\n  --soi-bcoco-pomme: #A1C544;\n  --soi-bcoco-pomme-dark: #84A636;\n  --soi-bcoco-pomme-light: rgba(161,197,68,0.10);\n  --soi-bcoco-white: #FFFFFF;\n  --soi-bcoco-off-white: #F8FAF6;\n  --soi-bcoco-stone: #F1F3EE;\n  --soi-bcoco-line: #E5E8E0;\n  --soi-bcoco-primary: #C4A882;\n  --soi-bcoco-primary-soft: #E8D8C4;\n  --soi-bcoco-accent: #8B6F52;\n  --soi-bcoco-text: #1A2D3D;\n  --soi-bcoco-text-soft: #4A5B6B;\n  --soi-bcoco-text-muted: #7B8693;\n  --soi-bcoco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-bcoco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-bcoco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-bcoco-radius: 12px;\n  --soi-bcoco-radius-sm: 8px;\n  --soi-bcoco-radius-pill: 999px;\n}\n\n.soi-bcoco-fiche * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.soi-bcoco-fiche img {\n  max-width: 100%;\n  height: auto;\n}\n\n.soi-bcoco-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-bcoco-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-bcoco-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-bcoco-hero {\n  position: relative;\n  background: var(--soi-bcoco-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-bcoco-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-bcoco-hero::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--soi-bcoco-pomme);\n}\n\n.soi-bcoco-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-bcoco-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-bcoco-pomme);\n  border-radius: 50%;\n}\n\n.soi-bcoco-hero-title {\n  display: block;\n  color: var(--soi-bcoco-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-bcoco-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-bcoco-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-bcoco-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-bcoco-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-bcoco-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bcoco-label-accent {\n  background: var(--soi-bcoco-pomme);\n  border-color: var(--soi-bcoco-pomme);\n  color: var(--soi-bcoco-marine);\n  font-weight: 600;\n}\n\n.soi-bcoco-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bcoco-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-bcoco-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-bcoco-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-bcoco-pomme);\n  border-radius: 2px;\n}\n\n.soi-bcoco-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-bcoco-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-bcoco-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-bcoco-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-bcoco-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-bcoco-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-bcoco-benefit {\n  background: var(--soi-bcoco-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-bcoco-radius);\n  border: 1px solid var(--soi-bcoco-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bcoco-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-bcoco-shadow-md);\n}\n\n.soi-bcoco-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-bcoco-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-bcoco-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-bcoco-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-bcoco-benefit:hover .soi-bcoco-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-bcoco-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bcoco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bcoco-benefit p {\n  font-size: 13px;\n  color: var(--soi-bcoco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bcoco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-bcoco-card {\n  background: var(--soi-bcoco-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-bcoco-radius);\n  border-left: 3px solid var(--soi-bcoco-pomme);\n}\n\n.soi-bcoco-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-bcoco-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-bcoco-card p {\n  font-size: 14px;\n  color: var(--soi-bcoco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bcoco-compo {\n  background: var(--soi-bcoco-off-white);\n  border-radius: var(--soi-bcoco-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-bcoco-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-bcoco-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-bcoco-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-bcoco-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-bcoco-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-bcoco-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-bcoco-marine);\n  text-align: right;\n}\n\n.soi-bcoco-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-bcoco-pomme-light);\n  border-left: 4px solid var(--soi-bcoco-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-bcoco-radius) var(--soi-bcoco-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-bcoco-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-bcoco-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-bcoco-marine);\n  margin-bottom: 4px;\n}\n\n.soi-bcoco-tip p {\n  font-size: 14px;\n  color: var(--soi-bcoco-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bcoco-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-bcoco-accordion-item {\n  background: var(--soi-bcoco-off-white);\n  border-radius: var(--soi-bcoco-radius-sm);\n  border: 1px solid var(--soi-bcoco-line);\n  overflow: hidden;\n}\n\n.soi-bcoco-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-bcoco-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-bcoco-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-bcoco-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-bcoco-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-bcoco-accordion-item[open] .soi-bcoco-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-bcoco-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-bcoco-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-bcoco-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-bcoco-cta-box {\n  background: var(--soi-bcoco-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-bcoco-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-bcoco-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-bcoco-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-bcoco-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-bcoco-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-bcoco-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-bcoco-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-bcoco-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-bcoco-compo-value {\n    text-align: left;\n  }\n\n  .soi-bcoco-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-bcoco-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-bcoco-fiche {\n    --soi-bcoco-text-soft: #2C3E50;\n    --soi-bcoco-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603640639818,"sku":"NJ0250","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-soin-coco-certifie-bio-najel-packshot.webp?v=1779807581"},{"product_id":"argile-rouge-en-pot-najel","title":"Argile rouge en pot – Najel","description":"\u003cdiv class=\"soi-argr-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-argr-hero\"\u003e\n    \u003cdiv class=\"soi-argr-hero-tag\"\u003e\n      \u003cspan class=\"soi-argr-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-argr-hero-title\"\u003eUn geste nature hérité de siècles de sagesse\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-argr-hero-subtitle\"\u003eLe soin « bonne mine » par excellence : purifiez, reminéralisez et réveillez l'éclat de votre peau grâce à une argile pure extraite des carrières d'Auvergne.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-hero-labels\"\u003e\n      \u003cspan class=\"soi-argr-label soi-argr-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-argr-label\"\u003e100% NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi choisir l'argile rouge --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile rouge pour votre peau et vos cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eParmi toutes les argiles cosmétiques, l'argile rouge se distingue par sa teneur exceptionnelle en oxyde de fer, ce minéral qui lui confère sa couleur caractéristique et ses propriétés absorbantes puissantes. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-benefits\"\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n        \u003cp\u003eElle ravive les teints brouillés et atténue les petites rougeurs en stimulant la microcirculation cutanée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurification en profondeur\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés absorbantes captent les impuretés et désobstruent les pores sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation\u003c\/h3\u003e\n        \u003cp\u003eSes sels minéraux nourrissent la peau en profondeur, idéal pour les peaux matures ou carencées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-benefit\"\u003e\n        \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRevitalisation capillaire\u003c\/h3\u003e\n        \u003cp\u003eAppliquée sur les cheveux, elle assainit le cuir chevelu, apporte du volume et redonne de la vitalité aux longueurs ternes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour qui est-elle faite ? --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eL'argile rouge convient à tous les types de peau, y compris les peaux sensibles et matures. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-grid\"\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n        \u003cp\u003eVotre teint manque d'éclat au quotidien ? L'argile rouge réveille la luminosité de votre peau dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e🌿 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eVous recherchez une détoxification douce et un renouvellement cellulaire ? Ce soin minéral vous accompagne en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card\"\u003e\n        \u003ch3\u003e💇 Cheveux sans volume\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu encrassé, longueurs raplapla ? L'argile rouge assainit et redonne corps à votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eComment utiliser l'argile rouge Najel ?\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eLa préparation est simple et rapide. Suivez ces étapes pour un résultat optimal :\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-timeline\"\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003ePréparez votre masque visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez 2 cuillères à soupe d'argile rouge avec un peu d'eau tiède (ou d'hydrolat) jusqu'à obtenir une pâte homogène et onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eAppliquez en couche uniforme\u003c\/h3\u003e\n          \u003cp\u003eÉtalez sur le visage préalablement nettoyé, en évitant le contour des yeux et des lèvres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n          \u003cp\u003eAccordez à l'argile le temps d'agir en profondeur, sans la laisser sécher complètement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-step\"\u003e\n        \u003cdiv class=\"soi-argr-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-argr-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède et terminez par une brume d'eau froide pour resserrer les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argr-tip\"\u003e\n      \u003cdiv class=\"soi-argr-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour un masque capillaire, appliquez la même préparation sur le cuir chevelu, massez doucement, laissez poser 15 minutes puis rincez soigneusement avant votre shampooing habituel. Fréquence conseillée : 1 fois par semaine pour un teint lumineux et un cuir chevelu sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cp class=\"soi-argr-section-intro\"\u003eCe produit contient un seul ingrédient, 100% naturel et pur. Aucun additif, aucun conservateur, aucun parfum ajouté. La formule la plus simple et la plus saine qui soit.\u003c\/p\u003e\n    \u003cdiv class=\"soi-argr-compo\"\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eArgile rouge (Illite)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eAuvergne, France (carrières près du Puy-en-Velay)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eMinéraux\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eOxyde de fer, silice, magnésium, potassium\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-compo-row\"\u003e\n        \u003cspan class=\"soi-argr-compo-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-compo-value\"\u003eAucun (sans conservateur, sans parfum)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Informations pratiques --\u003e\n  \u003csection class=\"soi-argr-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-argr-grid-compact\"\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e📍\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eAuvergne, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eUtilisations\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eVisage, cheveux, corps, DIY\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-argr-card-mini\"\u003e\n        \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-argr-card-mini-value\"\u003eTous types de peau, sensibles incluses\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argr-accordion\"\u003e\n      \u003cdetails class=\"soi-argr-accordion-item\"\u003e\n        \u003csummary class=\"soi-argr-accordion-header\"\u003e🏺 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-argr-accordion-content\"\u003e\n          \u003cp\u003eConservez votre argile rouge à l'abri de l'humidité, dans un endroit sec et tempéré.\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=\"soi-argr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-argr-cta-box\"\u003e\n      \u003cp class=\"soi-argr-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel aussi simple qu'efficace. Teint lumineux, peau purifiée, cheveux revitalisés : les meilleurs soins sont souvent ceux que la terre nous offre directement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argr-marine: #1A2D3D;\n  --soi-argr-marine-dark: #0F1E2B;\n  --soi-argr-marine-light: #2C4458;\n  --soi-argr-pomme: #A1C544;\n  --soi-argr-pomme-dark: #84A636;\n  --soi-argr-pomme-light: rgba(161,197,68,0.10);\n  --soi-argr-white: #FFFFFF;\n  --soi-argr-off-white: #F8FAF6;\n  --soi-argr-stone: #F1F3EE;\n  --soi-argr-line: #E5E8E0;\n  --soi-argr-primary: #C45A28;\n  --soi-argr-primary-soft: #E8956A;\n  --soi-argr-accent: #3D2B22;\n  --soi-argr-text: #1A2D3D;\n  --soi-argr-text-soft: #4A5B6B;\n  --soi-argr-text-muted: #7B8693;\n  --soi-argr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argr-radius: 12px;\n  --soi-argr-radius-sm: 8px;\n  --soi-argr-radius-pill: 999px;\n}\n\n.soi-argr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argr-fiche img { max-width: 100%; height: auto; }\n\n.soi-argr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-argr-hero {\n  position: relative;\n  background: var(--soi-argr-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-argr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argr-pomme);\n}\n\n.soi-argr-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-argr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argr-pomme);\n  border-radius: 50%;\n}\n\n.soi-argr-hero-title {\n  display: block;\n  color: var(--soi-argr-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-argr-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-argr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argr-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-argr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argr-label-accent {\n  background: var(--soi-argr-pomme);\n  border-color: var(--soi-argr-pomme);\n  color: var(--soi-argr-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-argr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-argr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argr-pomme);\n  border-radius: 2px;\n}\n\n.soi-argr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argr-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-argr-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argr-benefit {\n  background: var(--soi-argr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argr-radius);\n  border: 1px solid var(--soi-argr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argr-shadow-md);\n}\n\n.soi-argr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argr-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-argr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argr-benefit:hover .soi-argr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argr-benefit p {\n  font-size: 13px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-argr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argr-card {\n  background: var(--soi-argr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argr-radius);\n  border-left: 3px solid var(--soi-argr-pomme);\n}\n\n.soi-argr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argr-card p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-argr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argr-card-mini {\n  background: var(--soi-argr-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-argr-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-argr-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-argr-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-argr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-argr-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n}\n\n\/* TIMELINE *\/\n.soi-argr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-argr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argr-radius);\n  border: 1px solid var(--soi-argr-line);\n  align-items: flex-start;\n}\n\n.soi-argr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argr-marine);\n  color: var(--soi-argr-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-argr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argr-step-content p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-argr-compo {\n  background: var(--soi-argr-off-white);\n  border-radius: var(--soi-argr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-argr-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-argr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argr-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-argr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-argr-pomme-light);\n  border-left: 4px solid var(--soi-argr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-argr-radius) var(--soi-argr-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-argr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-argr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-argr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-argr-tip p {\n  font-size: 14px;\n  color: var(--soi-argr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-argr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argr-accordion-item {\n  background: var(--soi-argr-off-white);\n  border-radius: var(--soi-argr-radius-sm);\n  border: 1px solid var(--soi-argr-line);\n  overflow: hidden;\n}\n\n.soi-argr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argr-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-argr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argr-accordion-item[open] .soi-argr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-argr-cta-box {\n  background: var(--soi-argr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-argr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argr-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-argr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argr-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-argr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argr-compo-value {\n    text-align: left;\n  }\n\n  .soi-argr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-argr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argr-fiche {\n    --soi-argr-text-soft: #2C3E50;\n    --soi-argr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642048842,"sku":"NJ0285","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-rouge-en-pot-najel-packshot.webp?v=1779811626"},{"product_id":"argile-verte-en-pot-najel","title":"Argile verte bio – Najel","description":"\u003cdiv class=\"soi-argv-fiche\"\u003e\n\n\u003csection class=\"soi-argv-hero\"\u003e\n  \u003cdiv class=\"soi-argv-hero-tag\"\u003e\n    \u003cspan class=\"soi-argv-tag-dot\"\u003e\u003c\/span\u003e\n    Soin cosmétique naturel · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-argv-hero-title\"\u003eArgile Verte en Pot\u003c\/span\u003e\n  \u003cp class=\"soi-argv-hero-subtitle\"\u003ePurifiez votre peau et assainissez votre cuir chevelu grâce à la puissance minérale de l'argile verte illite, extraite des carrières d'Auvergne.\u003c\/p\u003e\n  \u003cdiv class=\"soi-argv-hero-labels\"\u003e\n    \u003cspan class=\"soi-argv-label soi-argv-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n    \u003cspan class=\"soi-argv-label\"\u003e100 % NATUREL\u003c\/span\u003e\n    \u003cspan class=\"soi-argv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-argv-label\"\u003ePEAUX GRASSES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003ePourquoi l'argile verte est-elle si efficace ?\u003c\/h2\u003e\n  \u003cp class=\"soi-argv-section-intro\"\u003eL'argile verte illite est naturellement riche en silice, magnésium, fer et potassium. Cette composition minérale unique lui confère des propriétés que peu d'actifs naturels peuvent égaler.\u003c\/p\u003e\n  \u003cdiv class=\"soi-argv-benefits\"\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🧽\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAbsorbante\u003c\/h3\u003e\n      \u003cp\u003eElle capte l'excès de sébum et les impuretés logées dans les pores.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003ePurifiante\u003c\/h3\u003e\n      \u003cp\u003eElle nettoie en profondeur sans agresser la barrière cutanée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eRééquilibrante\u003c\/h3\u003e\n      \u003cp\u003eUtilisée régulièrement, elle aide à réguler la production de sébum.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eReminéralisante\u003c\/h3\u003e\n      \u003cp\u003eElle restitue à la peau les minéraux essentiels à son éclat.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-benefit\"\u003e\n      \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eApaisante\u003c\/h3\u003e\n      \u003cp\u003eGrâce à ses propriétés anti-inflammatoires, elle calme les rougeurs et les petites imperfections.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'argile verte selon vos besoins\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-grid\"\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🪷 Pour le visage\u003c\/h3\u003e\n      \u003cp\u003eEn masque visage, l'argile verte resserre les pores dilatés, élimine les points noirs et redonne un teint unifié. Elle est particulièrement adaptée aux peaux grasses et acnéiques, mais convient aussi aux peaux mixtes en application localisée sur la zone T.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e💆 Pour les cheveux gras\u003c\/h3\u003e\n      \u003cp\u003eAppliquée en masque capillaire, elle absorbe l'excès de sébum sur le cuir chevelu, apporte légèreté et volume aux cheveux et contribue à réguler durablement leur production de gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🩹 Pour un cataplasme\u003c\/h3\u003e\n      \u003cp\u003eLe cataplasme d'argile verte s'applique en couche épaisse sur une zone douloureuse ou inflammatoire (articulation, contusion, tension musculaire). L'argile, en séchant, \"tire\" les toxines et apaise l'inconfort. Étalez une couche de 1 à 2 cm sur un linge propre, posez-le sur la zone à traiter, laissez agir 1 à 2 heures, puis rincez à l'eau tiède. Ce soin ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eComment utiliser l'argile verte Najel : mode d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-timeline\"\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n        \u003cp\u003eVersez l'argile dans un récipient en céramique, en verre ou en plastique. Ajoutez de l'eau minérale ou florale progressivement et mélangez avec une spatule en bois jusqu'à obtenir une pâte homogène et lisse. Évitez tout contact avec le métal, qui altère les propriétés de l'argile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n        \u003cp\u003eÉtalez une couche uniforme sur le visage (en évitant le contour des yeux et les lèvres), sur le cuir chevelu ou sur la zone à traiter en cataplasme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n        \u003cp\u003e10 à 15 minutes pour un masque visage, 20 à 30 minutes pour un soin capillaire, 1 à 2 heures pour un cataplasme. Retirez avant séchage complet sur les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-step\"\u003e\n      \u003cdiv class=\"soi-argv-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-argv-step-content\"\u003e\n        \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n        \u003cp\u003eAppliquez ensuite votre hydratant habituel pour compenser l'effet absorbant de l'argile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-compo\"\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eIllite (argile verte illite 100 % naturelle)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eAuvergne, France (près du Puy-en-Velay)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eConditionnement\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003ePot de 200 ml en polypropylène avec opercule de protection\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-compo-row\"\u003e\n      \u003cspan class=\"soi-argv-compo-label\"\u003eFormulation\u003c\/span\u003e\n      \u003cspan class=\"soi-argv-compo-value\"\u003eSans ajout chimique, sans conservateur, sans parfum artificiel\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003ch2\u003eFréquence d'utilisation recommandée\u003c\/h2\u003e\n  \u003cdiv class=\"soi-argv-grid\"\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🪷 Masque visage\u003c\/h3\u003e\n      \u003cp\u003e1 à 2 fois par semaine pour les peaux grasses, 1 fois tous les 10 jours pour les peaux mixtes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n      \u003cp\u003e1 fois par semaine en alternance avec votre shampoing habituel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-argv-card\"\u003e\n      \u003ch3\u003e🩹 Cataplasme\u003c\/h3\u003e\n      \u003cp\u003eSelon les besoins, sans dépasser l'usage quotidien prolongé sans avis d'un professionnel de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n  \u003cdiv class=\"soi-argv-accordion\"\u003e\n    \u003cdetails class=\"soi-argv-accordion-item\"\u003e\n      \u003csummary class=\"soi-argv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-argv-accordion-content\"\u003e\n        \u003cp\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute ou de pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-argv-cta-box\"\u003e\n    \u003cp class=\"soi-argv-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement\u003c\/p\u003e\n    \u003cp class=\"soi-argv-cta-text\" style=\"color: white;\"\u003eRedonnez à votre peau et vos cheveux la légèreté qu'ils méritent. L'argile verte Najel, née des terres d'Auvergne, purifie en profondeur, régule le sébum et apaise les inconforts avec la force brute de la nature.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-argv-marine: #1A2D3D;\n  --soi-argv-marine-dark: #0F1E2B;\n  --soi-argv-marine-light: #2C4458;\n  --soi-argv-pomme: #A1C544;\n  --soi-argv-pomme-dark: #84A636;\n  --soi-argv-pomme-light: rgba(161,197,68,0.10);\n  --soi-argv-white: #FFFFFF;\n  --soi-argv-off-white: #F8FAF6;\n  --soi-argv-stone: #F1F3EE;\n  --soi-argv-line: #E5E8E0;\n  --soi-argv-primary: #4A7C59;\n  --soi-argv-primary-soft: #6B9A78;\n  --soi-argv-accent: #3D5C44;\n  --soi-argv-text: #1A2D3D;\n  --soi-argv-text-soft: #4A5B6B;\n  --soi-argv-text-muted: #7B8693;\n  --soi-argv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-argv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-argv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-argv-radius: 12px;\n  --soi-argv-radius-sm: 8px;\n  --soi-argv-radius-pill: 999px;\n}\n\n.soi-argv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argv-fiche img { max-width: 100%; height: auto; }\n\n.soi-argv-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-argv-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-argv-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-argv-hero {\n  position: relative;\n  background: var(--soi-argv-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-argv-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-argv-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-argv-pomme);\n}\n\n.soi-argv-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-argv-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-argv-pomme);\n  border-radius: 50%;\n}\n\n.soi-argv-hero-title {\n  display: block;\n  color: var(--soi-argv-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-argv-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-argv-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-argv-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-argv-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-argv-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-argv-label-accent {\n  background: var(--soi-argv-pomme);\n  border-color: var(--soi-argv-pomme);\n  color: var(--soi-argv-marine);\n  font-weight: 600;\n}\n\n.soi-argv-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argv-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-argv-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-argv-pomme);\n  border-radius: 2px;\n}\n\n.soi-argv-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-argv-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-argv-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-argv-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-argv-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-argv-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-argv-benefit {\n  background: var(--soi-argv-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-argv-radius);\n  border: 1px solid var(--soi-argv-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argv-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-argv-shadow-md);\n}\n\n.soi-argv-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-argv-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-argv-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-argv-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-argv-benefit:hover .soi-argv-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-argv-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argv-benefit p {\n  font-size: 13px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-argv-card {\n  background: var(--soi-argv-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argv-radius);\n  border-left: 3px solid var(--soi-argv-pomme);\n}\n\n.soi-argv-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-argv-card p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-argv-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-argv-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-argv-radius);\n  border: 1px solid var(--soi-argv-line);\n  align-items: flex-start;\n}\n\n.soi-argv-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-argv-marine);\n  color: var(--soi-argv-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-argv-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-argv-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-argv-step-content p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-compo {\n  background: var(--soi-argv-off-white);\n  border-radius: var(--soi-argv-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-argv-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-argv-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-argv-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-argv-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-argv-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-argv-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-argv-marine);\n  text-align: right;\n}\n\n.soi-argv-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-argv-accordion-item {\n  background: var(--soi-argv-off-white);\n  border-radius: var(--soi-argv-radius-sm);\n  border: 1px solid var(--soi-argv-line);\n  overflow: hidden;\n}\n\n.soi-argv-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-argv-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-argv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-argv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-argv-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-argv-accordion-item[open] .soi-argv-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-argv-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-argv-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-argv-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-argv-cta-box {\n  background: var(--soi-argv-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-argv-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-argv-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-argv-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-argv-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-argv-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-argv-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-argv-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-argv-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-argv-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-argv-compo-value {\n    text-align: left;\n  }\n\n  .soi-argv-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-argv-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-argv-fiche {\n    --soi-argv-text-soft: #2C3E50;\n    --soi-argv-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642409290,"sku":"NJ0290","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-verte-en-pot-najel-packshot.webp?v=1779807606"},{"product_id":"savon-dalep-12-hbl-najel","title":"Savon d'Alep 12% HBL - 100g Oliver \u0026 Laurier - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003e3 millénaires de tradition, 2 ingrédients naturels\n\n\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003eL'alliance millénaire de l'olive et du laurier pour une peau nettoyée en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12 % HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003ePEAUX NORMALES À MIXTES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003ePAIN SOLIDE 100 G\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le savon d'Alep plutôt qu'un savon classique ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement aux savons industriels qui contiennent souvent des agents moussants agressifs, des détergents ou des parfums de synthèse, le savon d'Alep repose sur deux ingrédients naturels seulement. L'huile d'olive saponifiée nettoie en douceur tout en préservant le film hydrolipidique de la peau. L'huile de baies de laurier, riche en acide laurique et en antioxydants, apporte ses propriétés apaisantes, assainissantes et régénératrices. Résultat : une peau propre, souple, sans sensation de tiraillement.\u003c\/p\u003e\n    \u003cp\u003eLes dermatologues s'accordent généralement à reconnaître que le savon d'Alep convient aux peaux sensibles et aux peaux mixtes, notamment grâce à l'absence de perturbateurs endocriniens ou de colorants artificiels. Il ne remplace pas un traitement médical prescrit, mais il constitue un nettoyant quotidien sain et respectueux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du Savon d'Alep 12 % HBL Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-compo\"\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSodium olivate (huile d'olive saponifiée)\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e88 % · Base nettoyante et nourrissante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier (Laurus nobilis)\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e12 % · Actif apaisant et régénérant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eEau, soude\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eAgents de saponification naturels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e🍃\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eAucun parfum ajouté, aucun conservateur de synthèse, aucun colorant. La teinte brun-vert caractéristique du savon est naturelle et s'intensifie avec le vieillissement du pain.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eLes bienfaits du savon d'Alep selon le taux de laurier\u003c\/h2\u003e\n    \u003cp\u003eLe pourcentage d'huile de baies de laurier détermine l'intensité d'action du savon. À 12 % HBL, ce savon Najel correspond à un usage quotidien polyvalent, idéal si vous avez une peau normale, mixte ou légèrement réactive. Plus le taux est élevé, plus l'action est ciblée sur les peaux à problèmes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003eFrottez le pain entre vos mains mouillées pour former une mousse légère, appliquez sur la peau humide en massages circulaires doux, puis rincez à l'eau tiède. Une fois par jour suffit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-le comme n'importe quel savon sous la douche. Sa mousse fine mais enveloppante laisse la peau douce sans résidu gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eCheveux\u003c\/h3\u003e\n          \u003cp\u003eCertains l'utilisent en shampoing solide, notamment pour les cuirs chevelus gras ou sensibles. Un temps d'adaptation de 2 à 3 semaines est à prévoir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eAprès usage, laissez le savon sécher sur un porte-savon aéré. Un pain bien conservé dure plusieurs mois et améliore ses propriétés en vieillissant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eUn savoir-faire artisanal vieux de plusieurs siècles\u003c\/h2\u003e\n    \u003cp\u003eChaque pain de savon d'Alep Najel est fabriqué selon le procédé traditionnel à chaud : les huiles sont chauffées, saponifiées, puis le mélange est coulé en dalles et laissé à sécher en cave pendant au moins 9 mois. Ce temps de maturation développe la douceur du savon et concentre ses actifs. C'est ce qui le distingue radicalement des copies industrielles.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eNajel, Héritage d'Alep\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003e100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eNormale à mixte\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eTaux HBL\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003e12 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eAdultes et enfants\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003ePain solide, zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLe savon d'Alep 12 % HBL de Najel : la simplicité élevée au rang de rituel. Authentique, respectueux de votre peau et de la planète, il s'intègre naturellement dans votre routine quotidienne, pour vous comme pour toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n\n  --soi-alep-primary: #2D6A4F;\n  --soi-alep-primary-soft: #E8F0EC;\n  --soi-alep-accent: #C4A35A;\n\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-alep-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-alep-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-alep-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-alep-card-mini {\n  background: var(--soi-alep-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-alep-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-alep-compo-value {\n    text-align: left;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-alep-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603644703050,"sku":"NJ0050","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot_8f2a4def-04a7-4525-b6e4-059a8f997af7.webp?v=1779808848"},{"product_id":"huile-d-amande-douce-certifiee-bio-najel","title":"Huile d’amande douce certifiée bio – Najel","description":"\u003cdiv class=\"soi-amnd-fiche\"\u003e\n\n\u003csection class=\"soi-amnd-hero\"\u003e\n  \u003cdiv class=\"soi-amnd-hero-tag\"\u003e\n    \u003cspan class=\"soi-amnd-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins beauté · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-amnd-hero-title\"\u003eHuile d'amande douce certifiée bio\u003c\/span\u003e\n  \u003cp class=\"soi-amnd-hero-subtitle\"\u003eUne huile végétale pure, extraite à froid, qui prend soin de votre peau, de vos cheveux et de vos ongles avec une douceur incomparable.\u003c\/p\u003e\n  \u003cdiv class=\"soi-amnd-hero-labels\"\u003e\n    \u003cspan class=\"soi-amnd-label soi-amnd-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-amnd-label\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-amnd-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n    \u003cspan class=\"soi-amnd-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eQu'est-ce que l'huile d'amande douce Najel ?\u003c\/h2\u003e\n  \u003cp\u003eL'huile d'amande douce bio Najel est une huile végétale pure, extraite par première pression à froid à partir d'amandiers cultivés en Espagne selon les normes de l'Agriculture Biologique. Certifiée Cosmos Organic par Ecocert, elle est 100 % naturelle, sans additif ni parfum ajouté.\u003c\/p\u003e\n  \u003cp\u003eConditionnée dans un flacon ambré avec pompe doseuse, elle se conserve parfaitement et s'utilise sans gaspillage au quotidien.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-grid-compact\"\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🇪🇸\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003eEspagne\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003ePremière pression à froid\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n      \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-card-mini-value\"\u003e100 % naturelle, sans additif\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eLes bienfaits de l'huile d'amande douce : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n  \u003cp class=\"soi-amnd-section-intro\"\u003eSi l'huile d'amande douce est utilisée depuis des siècles, c'est pour une raison simple : elle fonctionne. Voici ce qu'elle vous apporte concrètement.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-benefits\"\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n      \u003cp\u003eRiche en acides gras oméga 6 et 9, elle nourrit et assouplit les peaux sèches ou déshydratées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n      \u003cp\u003eIdéale pour les peaux sensibles, irritées ou sujettes aux rougeurs, y compris les peaux de bébé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet antioxydant\u003c\/h3\u003e\n      \u003cp\u003eGrâce aux vitamines A et E, elle aide à prévenir le vieillissement cutané prématuré.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-benefit\"\u003e\n      \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eProtection naturelle\u003c\/h3\u003e\n      \u003cp\u003eElle renforce le film lipidique de la peau face au froid, à la pollution et aux agressions quotidiennes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile d'amande douce Najel ?\u003c\/h2\u003e\n  \u003cp class=\"soi-amnd-section-intro\"\u003eSa polyvalence en fait un soin incontournable, du visage aux pieds. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-grid\"\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n      \u003cp\u003eAppliquez quelques gouttes le soir en massage léger. Convient aux peaux mixtes, sèches et sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n      \u003cp\u003eAprès la douche, massez les zones sèches (coudes, talons, genoux) pour une peau douce et nourrie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n      \u003cp\u003eEn masque avant-shampoing ou en soin des pointes : l'huile d'amande douce redonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-card\"\u003e\n      \u003ch3\u003e✋ Ongles et cuticules\u003c\/h3\u003e\n      \u003cp\u003eMassez les cuticules chaque soir pour des ongles renforcés et des mains visiblement plus douces.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eConvient-elle aux bébés et aux peaux très sensibles ?\u003c\/h2\u003e\n  \u003cp\u003eOui. L'huile d'amande douce pour bébé est l'une des utilisations les plus répandues, et pour cause : sa texture légère, son profil hypoallergénique et son absence de parfum en font un soin idéal pour les peaux les plus délicates.\u003c\/p\u003e\n  \u003cp\u003eElle peut être utilisée après le bain pour hydrater et apaiser la peau de votre enfant, sous réserve d'absence d'allergie aux fruits à coque.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-tip\"\u003e\n    \u003cdiv class=\"soi-amnd-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eUn test dans le pli du coude est recommandé avant toute première utilisation, en particulier chez les tout-petits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eY a-t-il des inconvénients à connaître ?\u003c\/h2\u003e\n  \u003cp\u003eL'huile d'amande douce est généralement très bien tolérée. Cependant, quelques points méritent votre attention.\u003c\/p\u003e\n\n  \u003cdiv class=\"soi-amnd-accordion\"\u003e\n    \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n      \u003csummary class=\"soi-amnd-accordion-header\"\u003e⚠️ Allergie aux fruits à coque\u003c\/summary\u003e\n      \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n        \u003cp\u003eDéconseillée en cas d'allergie connue aux amandes. Faites toujours un test préalable dans le pli du coude.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n      \u003csummary class=\"soi-amnd-accordion-header\"\u003e🧪 Peaux très grasses\u003c\/summary\u003e\n      \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n        \u003cp\u003eSa texture, bien qu'absorbante, peut ne pas convenir à toutes les peaux acnéiques en usage quotidien sur le visage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n      \u003csummary class=\"soi-amnd-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n      \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n        \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur. Le flacon ambré de Najel protège efficacement l'huile de l'oxydation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n  \u003ch2\u003eComposition de l'huile d'amande douce Najel\u003c\/h2\u003e\n  \u003cdiv class=\"soi-amnd-compo\"\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003ePrunus Amygdalus Dulcis Oil (huile d'amande douce)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eFormule\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003ePure, sans ajout, sans conservateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n      \u003cspan class=\"soi-amnd-compo-label\"\u003eExtraction\u003c\/span\u003e\n      \u003cspan class=\"soi-amnd-compo-value\"\u003eÀ froid, pour préserver l'intégralité des actifs naturels\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-amnd-cta-box\"\u003e\n    \u003cp class=\"soi-amnd-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages, une seule promesse\u003c\/p\u003e\n    \u003cp class=\"soi-amnd-cta-text\" style=\"color: white;\"\u003eLa douceur au naturel pour toute la famille. Hydratez votre peau, sublimez vos cheveux et prenez soin de vos ongles, en toute confiance, dès le premier jour.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-amnd-marine: #1A2D3D;\n  --soi-amnd-marine-dark: #0F1E2B;\n  --soi-amnd-marine-light: #2C4458;\n  --soi-amnd-pomme: #A1C544;\n  --soi-amnd-pomme-dark: #84A636;\n  --soi-amnd-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-amnd-white: #FFFFFF;\n  --soi-amnd-off-white: #F8FAF6;\n  --soi-amnd-stone: #F1F3EE;\n  --soi-amnd-line: #E5E8E0;\n\n  --soi-amnd-primary: #D4A8A4;\n  --soi-amnd-primary-soft: #F0DDD9;\n  --soi-amnd-accent: #C49A7A;\n\n  --soi-amnd-text: #1A2D3D;\n  --soi-amnd-text-soft: #4A5B6B;\n  --soi-amnd-text-muted: #7B8693;\n\n  --soi-amnd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-amnd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-amnd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-amnd-radius: 12px;\n  --soi-amnd-radius-sm: 8px;\n  --soi-amnd-radius-pill: 999px;\n}\n\n.soi-amnd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-amnd-fiche img { max-width: 100%; height: auto; }\n\n.soi-amnd-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-amnd-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-amnd-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-amnd-hero {\n  position: relative;\n  background: var(--soi-amnd-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-amnd-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-amnd-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-amnd-pomme);\n}\n\n.soi-amnd-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-amnd-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-amnd-pomme);\n  border-radius: 50%;\n}\n\n.soi-amnd-hero-title {\n  display: block;\n  color: var(--soi-amnd-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-amnd-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-amnd-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-amnd-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-amnd-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-amnd-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-amnd-label-accent {\n  background: var(--soi-amnd-pomme);\n  border-color: var(--soi-amnd-pomme);\n  color: var(--soi-amnd-marine);\n  font-weight: 600;\n}\n\n.soi-amnd-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-amnd-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-amnd-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-amnd-pomme);\n  border-radius: 2px;\n}\n\n.soi-amnd-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-amnd-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-amnd-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-amnd-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-amnd-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-amnd-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-amnd-benefit {\n  background: var(--soi-amnd-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-amnd-radius);\n  border: 1px solid var(--soi-amnd-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-amnd-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-amnd-shadow-md);\n}\n\n.soi-amnd-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-amnd-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-amnd-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-amnd-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-amnd-benefit:hover .soi-amnd-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-amnd-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-amnd-benefit p {\n  font-size: 13px;\n  color: var(--soi-amnd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-amnd-card {\n  background: var(--soi-amnd-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-amnd-radius);\n  border-left: 3px solid var(--soi-amnd-pomme);\n}\n\n.soi-amnd-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-amnd-card p {\n  font-size: 14px;\n  color: var(--soi-amnd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-amnd-card-mini {\n  background: var(--soi-amnd-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-amnd-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-amnd-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-amnd-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-amnd-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-amnd-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-amnd-marine);\n}\n\n.soi-amnd-compo {\n  background: var(--soi-amnd-off-white);\n  border-radius: var(--soi-amnd-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-amnd-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-amnd-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-amnd-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-amnd-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-amnd-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-amnd-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-amnd-marine);\n  text-align: right;\n}\n\n.soi-amnd-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-amnd-pomme-light);\n  border-left: 4px solid var(--soi-amnd-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-amnd-radius) var(--soi-amnd-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-amnd-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-amnd-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-amnd-marine);\n  margin-bottom: 4px;\n}\n\n.soi-amnd-tip p {\n  font-size: 14px;\n  color: var(--soi-amnd-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-amnd-accordion-item {\n  background: var(--soi-amnd-off-white);\n  border-radius: var(--soi-amnd-radius-sm);\n  border: 1px solid var(--soi-amnd-line);\n  overflow: hidden;\n}\n\n.soi-amnd-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-amnd-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-amnd-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-amnd-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-amnd-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-amnd-accordion-item[open] .soi-amnd-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-amnd-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-amnd-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-amnd-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-amnd-cta-box {\n  background: var(--soi-amnd-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-amnd-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-amnd-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-amnd-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-amnd-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-amnd-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-amnd-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-amnd-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-amnd-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-amnd-compo-value {\n    text-align: left;\n  }\n\n  .soi-amnd-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-amnd-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-amnd-fiche {\n    --soi-amnd-text-soft: #2C3E50;\n    --soi-amnd-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646669130,"sku":"NJ0200","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-damande-douce-certifiee-bio-najel-packshot.webp?v=1779792802"},{"product_id":"huile-d-abricot-certifiee-bio-najel","title":"Huile d’abricot certifiée bio – Najel","description":"\u003cdiv class=\"soi-abri-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-abri-hero\"\u003e\n    \u003cdiv class=\"soi-abri-hero-tag\"\u003e\n      \u003cspan class=\"soi-abri-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétiques et soins beauté · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-abri-hero-title\"\u003eHuile de noyaux d'abricot certifiée bio\u003c\/span\u003e\n    \u003cp class=\"soi-abri-hero-subtitle\"\u003eExtraite par première pression à froid, cette huile végétale tonifiante redonne éclat, souplesse et confort à votre peau, jour après jour.\u003c\/p\u003e\n    \u003cdiv class=\"soi-abri-hero-labels\"\u003e\n      \u003cspan class=\"soi-abri-label soi-abri-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-abri-label\"\u003eCERTIFIÉE ECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-abri-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-abri-label\"\u003eBIO\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Huile de noyaux d'abricot bio Najel : l'éclat naturel à portée de main --\u003e\n  \u003csection class=\"soi-abri-section\"\u003e\n    \u003ch2\u003eHuile de noyaux d'abricot bio Najel : l'éclat naturel à portée de main\u003c\/h2\u003e\n    \u003cp\u003eSi votre peau manque de tonus, d'éclat ou de douceur, l'huile de noyaux d'abricot certifiée bio Najel pourrait bien devenir votre nouveau rituel incontournable. Extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des noyaux d'abricots (\u003cem\u003ePrunus Armeniaca\u003c\/em\u003e) récoltés en Turquie, cette huile végétale 100 % naturelle réunit légèreté, richesse nutritive et polyvalence. Certifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, elle vous garantit une composition pure, sans compromis.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir l'huile de noyau d'abricot plutôt qu'une autre huile végétale ? --\u003e\n  \u003csection class=\"soi-abri-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de noyau d'abricot plutôt qu'une autre huile végétale ?\u003c\/h2\u003e\n    \u003cp class=\"soi-abri-section-intro\"\u003eToutes les huiles végétales ne se valent pas. Ce qui distingue l'huile d'abricot, c'est sa texture remarquablement fine qui pénètre rapidement sans laisser de film gras. Elle est naturellement riche en :\u003c\/p\u003e\n    \u003cdiv class=\"soi-abri-grid\"\u003e\n      \u003cdiv class=\"soi-abri-card\"\u003e\n        \u003ch3\u003e🫒 Acides gras oléique et linoléique\u003c\/h3\u003e\n        \u003cp\u003eLes oméga-9 et oméga-6 restaurent le film hydrolipidique et assouplissent durablement la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-card\"\u003e\n        \u003ch3\u003e🥕 Vitamine A (bêta-carotène)\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour stimuler le renouvellement cellulaire et unifier le teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E (tocophérols)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant qui contribue à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eRésultat : une peau visiblement plus lumineuse, plus souple et mieux hydratée dès les premières utilisations.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les bienfaits de l'huile d'abricot : ce qu'elle fait vraiment pour vous --\u003e\n  \u003csection class=\"soi-abri-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile d'abricot : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n    \u003cdiv class=\"soi-abri-benefits\"\u003e\n      \u003cdiv class=\"soi-abri-benefit\"\u003e\n        \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eIlluminatrice et tonifiante\u003c\/h3\u003e\n        \u003cp\u003eElle redonne de l'éclat aux teints ternes et fatigués. Idéale en soin matinal pour préparer la peau avant le maquillage ou la crème de jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-benefit\"\u003e\n        \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratante en profondeur\u003c\/h3\u003e\n        \u003cp\u003eSa texture fluide pénètre rapidement et laisse la peau douce, souple et soyeuse, sans effet poisseux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-benefit\"\u003e\n        \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénérante et anti-âge\u003c\/h3\u003e\n        \u003cp\u003eElle favorise la réparation cellulaire et aide à atténuer les premiers signes du vieillissement cutané grâce à ses antioxydants naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-benefit\"\u003e\n        \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisante pour les peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eDouce et bien tolérée, elle convient aux peaux sèches, mixtes, matures, sensibles et irritées, même chez les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser l'huile d'abricot au quotidien ? --\u003e\n  \u003csection class=\"soi-abri-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile d'abricot au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-abri-timeline\"\u003e\n      \u003cdiv class=\"soi-abri-step\"\u003e\n        \u003cdiv class=\"soi-abri-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-abri-step-content\"\u003e\n          \u003ch3\u003ePour le visage\u003c\/h3\u003e\n          \u003cp\u003eAppliquez 2 à 3 pressions sur une peau propre, matin ou soir. Massez délicatement jusqu'à absorption complète. Elle s'utilise seule ou en base sous votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-step\"\u003e\n        \u003cdiv class=\"soi-abri-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-abri-step-content\"\u003e\n          \u003ch3\u003ePour le corps\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, genoux, talons) ou sur tout le corps après la douche pour une hydratation longue durée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-step\"\u003e\n        \u003cdiv class=\"soi-abri-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-abri-step-content\"\u003e\n          \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n          \u003cp\u003eAppliquez quelques gouttes sur les longueurs et les pointes en soin avant-shampooing (30 minutes de pause) pour nourrir et fortifier les cheveux secs ou abîmés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition de l'huile de noyaux d'abricot Najel --\u003e\n  \u003csection class=\"soi-abri-section\"\u003e\n    \u003ch2\u003eComposition de l'huile de noyaux d'abricot Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-abri-compo\"\u003e\n      \u003cdiv class=\"soi-abri-compo-row\"\u003e\n        \u003cspan class=\"soi-abri-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-abri-compo-value\"\u003e\u003cem\u003ePrunus Armeniaca (Apricot) Kernel Oil*\u003c\/em\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-compo-row\"\u003e\n        \u003cspan class=\"soi-abri-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-abri-compo-value\"\u003eTurquie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-compo-row\"\u003e\n        \u003cspan class=\"soi-abri-compo-label\"\u003eExtraction\u003c\/span\u003e\n        \u003cspan class=\"soi-abri-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-compo-row\"\u003e\n        \u003cspan class=\"soi-abri-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-abri-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-abri-compo-row\"\u003e\n        \u003cspan class=\"soi-abri-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-abri-compo-value\"\u003eFlacon ambré avec pompe doseuse\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. C'est la pureté à l'état brut, conditionnée dans un flacon ambré avec pompe doseuse pour préserver l'huile de l'oxydation et faciliter chaque application.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions d'emploi --\u003e\n  \u003csection class=\"soi-abri-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"soi-abri-accordion\"\u003e\n      \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n        \u003csummary class=\"soi-abri-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n          \u003cp\u003eRéservé à un usage externe uniquement. Évitez le contact avec les yeux. Effectuez un test dans le pli du coude avant toute première utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n        \u003csummary class=\"soi-abri-accordion-header\"\u003e🧴 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n        \u003csummary class=\"soi-abri-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-abri-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-abri-cta-box\"\u003e\n      \u003cp class=\"soi-abri-cta-text\" style=\"color: white;\"\u003eDouce, légère et infiniment précieuse, l'huile de noyaux d'abricot bio Najel redonne à votre peau ce qu'elle mérite vraiment : éclat, souplesse et confort. Une seule pression suffit pour sentir la différence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-abri-marine: #1A2D3D;\n  --soi-abri-marine-dark: #0F1E2B;\n  --soi-abri-marine-light: #2C4458;\n  --soi-abri-pomme: #A1C544;\n  --soi-abri-pomme-dark: #84A636;\n  --soi-abri-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-abri-white: #FFFFFF;\n  --soi-abri-off-white: #F8FAF6;\n  --soi-abri-stone: #F1F3EE;\n  --soi-abri-line: #E5E8E0;\n\n  --soi-abri-primary: #D4764E;\n  --soi-abri-primary-soft: #F5E0D3;\n  --soi-abri-accent: #E8935C;\n\n  --soi-abri-text: #1A2D3D;\n  --soi-abri-text-soft: #4A5B6B;\n  --soi-abri-text-muted: #7B8693;\n\n  --soi-abri-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-abri-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-abri-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-abri-radius: 12px;\n  --soi-abri-radius-sm: 8px;\n  --soi-abri-radius-pill: 999px;\n}\n\n.soi-abri-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-abri-fiche img { max-width: 100%; height: auto; }\n\n.soi-abri-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-abri-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-abri-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-abri-hero {\n  position: relative;\n  background: var(--soi-abri-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-abri-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-abri-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-abri-pomme);\n}\n\n.soi-abri-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-abri-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-abri-pomme);\n  border-radius: 50%;\n}\n\n.soi-abri-hero-title {\n  display: block;\n  color: var(--soi-abri-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-abri-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-abri-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-abri-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-abri-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-abri-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-abri-label-accent {\n  background: var(--soi-abri-pomme);\n  border-color: var(--soi-abri-pomme);\n  color: var(--soi-abri-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-abri-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-abri-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-abri-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-abri-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-abri-pomme);\n  border-radius: 2px;\n}\n\n.soi-abri-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-abri-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-abri-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-abri-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-abri-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-abri-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-abri-benefit {\n  background: var(--soi-abri-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-abri-radius);\n  border: 1px solid var(--soi-abri-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-abri-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-abri-shadow-md);\n}\n\n.soi-abri-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-abri-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-abri-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-abri-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-abri-benefit:hover .soi-abri-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-abri-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-abri-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-abri-benefit p {\n  font-size: 13px;\n  color: var(--soi-abri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-abri-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-abri-card {\n  background: var(--soi-abri-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-abri-radius);\n  border-left: 3px solid var(--soi-abri-pomme);\n}\n\n.soi-abri-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-abri-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-abri-card p {\n  font-size: 14px;\n  color: var(--soi-abri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-abri-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-abri-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-abri-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-abri-radius);\n  border: 1px solid var(--soi-abri-line);\n  align-items: flex-start;\n}\n\n.soi-abri-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-abri-marine);\n  color: var(--soi-abri-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-abri-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-abri-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-abri-step-content p {\n  font-size: 14px;\n  color: var(--soi-abri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-abri-compo {\n  background: var(--soi-abri-off-white);\n  border-radius: var(--soi-abri-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1.25rem;\n}\n\n.soi-abri-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-abri-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-abri-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-abri-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-abri-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-abri-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-abri-marine);\n  text-align: right;\n}\n\n\/* ACCORDION *\/\n.soi-abri-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-abri-accordion-item {\n  background: var(--soi-abri-off-white);\n  border-radius: var(--soi-abri-radius-sm);\n  border: 1px solid var(--soi-abri-line);\n  overflow: hidden;\n}\n\n.soi-abri-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-abri-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-abri-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-abri-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-abri-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-abri-accordion-item[open] .soi-abri-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-abri-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-abri-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-abri-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA *\/\n.soi-abri-cta-box {\n  background: var(--soi-abri-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-abri-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-abri-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-abri-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-abri-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-abri-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-abri-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-abri-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-abri-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-abri-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-abri-compo-value {\n    text-align: left;\n  }\n\n  .soi-abri-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-abri-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-abri-fiche {\n    --soi-abri-text-soft: #2C3E50;\n    --soi-abri-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603647226186,"sku":"NJ0205","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-dabricot-certifiee-bio-najel-packshot.webp?v=1779697110"},{"product_id":"huile-de-jojoba-certifiee-bio-najel","title":"Huile de Jojoba certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'huile de Jojoba certifiée bio\u003c\/strong\u003e de Najel, un véritable trésor naturel originaire des déserts d'Amérique du Sud. Connue pour ses nombreuses vertus, cette huile végétale \u003cstrong\u003epolyvalente\u003c\/strong\u003e et \u003cstrong\u003ecertifiée Cosmos Organic\u003c\/strong\u003e est idéale \u003cstrong\u003epour le soin du visage, du corps et des cheveux\u003c\/strong\u003e. Extraite par première pression à froid, elle préserve toutes ses qualités pour offrir un soin d'exception à votre peau et vos cheveux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0215_574d53b7-5ebc-424c-b11d-f4b4ef4192ef.jpg?v=1776181163\" alt=\"Huile de jojoba en flacon\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de l'huile de Jojoba certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUne absorption rapide pour un fini parfait\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eGrâce à sa composition proche du sébum humain, l'huile de Jojoba est immédiatement absorbée par la peau sans laisser de film gras. Considérée comme une huile sèche, elle offre un confort optimal, convenant parfaitement aux peaux grasses comme aux peaux sèches en quête de douceur.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eRégulation du sébum et protection renforcée\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRééquilibrante, l'huile de Jojoba agit efficacement pour réguler la production de sébum, apportant une solution naturelle aux peaux grasses. Elle nourrit en profondeur, renforce le film hydrolipidique, et améliore l’élasticité et la souplesse de la peau. Ses propriétés protectrices et régénératrices font d'elle un allié précieux contre les effets du vieillissement, pour une peau visiblement plus jeune et éclatante.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUn soin complet pour cheveux et visage\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eL'huile de Jojoba est idéale pour revitaliser les cheveux ternes et abîmés. Elle redonne souplesse, brillance et vitalité à votre chevelure, tout en apaisant le cuir chevelu. Recommandée également pour le démaquillage, elle élimine les impuretés tout en respectant les peaux sensibles, laissant une sensation de fraîcheur et de propreté incomparable.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUne origine respectueuse de la nature\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eExtrait d’un arbuste robuste des zones arides, le Jojoba, aussi appelé \"noisetier sauvage\", produit une cire végétale exceptionnelle grâce à ses graines. Sa culture durable et son extraction à froid garantissent une huile pure, respectueuse de l’environnement et certifiée Cosmos Organic par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003ePolyvalente, naturelle et hautement efficace\u003c\/strong\u003e, l'huile de Jojoba certifiée bio de Najel est un soin essentiel \u003cstrong\u003epour sublimer votre peau et vos cheveux au quotidien\u003c\/strong\u003e. Offrez-vous un rituel beauté sain et respectueux, pour \u003cstrong\u003eune expérience sensorielle unique et des résultats visibles\u003c\/strong\u003e. Laissez la nature prendre soin de vous, avec Najel.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603647455562,"sku":"NJ0215","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-jojoba-certifiee-bio-najel-packshot.webp?v=1780667899"},{"product_id":"savon-dalep-a-la-boue-de-la-mer-morte-najel","title":"Savon d'Alep à la boue de la mer Morte – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Savon artisanal · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la boue de la mer morte\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurification et reminéralisation au naturel : trois millénaires de savoir-faire syrien enrichis de la richesse minérale unique de la mer Morte, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eREMINÉRALISANT\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM DE SYNTHÈSE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Héritage artisanal --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eUn héritage artisanal de trois millénaires\u003c\/h2\u003e\n    \u003cp\u003eLa famille AL NAJJAR perpétue depuis des générations le savoir-faire de la savonnerie d'Alep. Chaque pain est coulé à froid, puis séché à l'air libre pendant \u003cstrong\u003eau moins neuf mois\u003c\/strong\u003e. Ce vieillissement lent confère au savon d'Alep sa texture dense, son odeur boisée caractéristique et ses propriétés supérieures. Aucune accélération industrielle ne peut reproduire ce résultat.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep à la boue de la mer Morte\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eCe savon tire sa force d'une association de trois actifs complémentaires, dans une formule volontairement courte et lisible.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n        \u003cp\u003eBase nourrissante du savon d'Alep, elle nettoie sans agresser, hydrate en profondeur et protège le film cutané naturel. Idéale pour les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003eL'actif signature du savon d'Alep. Purifiante, apaisante et régénérante, elle convient particulièrement aux peaux sujettes à l'acné, à l'eczéma ou au psoriasis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🪨 Boue noire de la mer Morte\u003c\/h3\u003e\n        \u003cp\u003eNaturellement concentrée en magnésium, potassium, calcium et chlorure, elle élimine les impuretés en profondeur, favorise la microcirculation et stimule le renouvellement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e🔎\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFormule sans compromis\u003c\/strong\u003e\n        \u003cp\u003ePas de sulfates, pas de perturbateurs endocriniens, pas de parfum de synthèse. La composition reste courte et lisible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Bienfaits --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits du savon d'Alep à la boue de la mer Morte ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-benefits\"\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n        \u003cp\u003eSans effet de tiraillement, il convient aux peaux normales, grasses, mixtes et sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n        \u003cp\u003eLa boue absorbe le sébum excédentaire et les résidus de pollution pour des pores visiblement affinés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras du laurier calment les rougeurs et les démangeaisons cutanées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation cutanée\u003c\/h3\u003e\n        \u003cp\u003eLes oligo-éléments de la mer Morte redonnent vitalité et éclat à une peau terne ou fatiguée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eSoin multi-usages\u003c\/strong\u003e\n        \u003cp\u003eVisage, corps et cheveux en un seul produit : une option idéale pour simplifier votre routine beauté naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n          \u003cp\u003eMouillez le pain de savon et faites mousser entre vos mains ou directement sur la peau humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eLaisser agir\u003c\/h3\u003e\n          \u003cp\u003eLaissez poser 1 à 2 minutes pour profiter pleinement de l'action de la boue de la mer Morte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède. Pour les cheveux, utilisez-le comme shampooing solide en insistant sur le cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour conserver votre savon d'Alep longtemps, sortez-le de l'eau entre chaque utilisation et laissez-le sécher sur un porte-savon aéré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pour qui --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce savon d'Alep ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e👐 Tous types de peau\u003c\/h3\u003e\n        \u003cp\u003eCe savon convient à toutes les peaux, y compris les plus délicates. Il est particulièrement apprécié des personnes qui cherchent une alternative naturelle aux nettoyants classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🩹 Peaux à problèmes\u003c\/h3\u003e\n        \u003cp\u003eLes peaux sujettes à des problèmes cutanés chroniques trouvent dans ce savon d'Alep un soin apaisant et purifiant au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌍 Démarche éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eUn soin solide, sans emballage plastique, pour celles et ceux qui souhaitent réduire leur impact environnemental.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Précautions --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003cdiv class=\"soi-alep-accordion\"\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de pathologie cutanée, consultez un dermatologue.\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=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire, la richesse minérale de la mer Morte et une formule sans compromis. Votre peau mérite ce qu'il y a de mieux, pas ce qu'il y a de plus compliqué.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n  --soi-alep-primary: #6A8E7A;\n  --soi-alep-primary-soft: #E8F0EC;\n  --soi-alep-accent: #8B6B4A;\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-alep-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n  background: var(--soi-alep-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-alep-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-alep-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n  font-size: 13px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-alep-card {\n  background: var(--soi-alep-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-alep-accordion-item {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius-sm);\n  border: 1px solid var(--soi-alep-line);\n  overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-alep-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-alep-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-alep-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-alep-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603651191114,"sku":"NJ0095","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-boue-de-la-mer-morte-najel-packshot.webp?v=1779630185"},{"product_id":"savon-dalep-40-hbl-najel","title":"Savon d'Alep 40% HBL – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep 40% HBL\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe soin ancestral aux huiles d'olive et de baies de laurier, spécialement formulé pour les peaux sensibles et réactives.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e40% HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Savon d'Alep 40% HBL Najel : le soin ancestral pour peaux sensibles et réactives --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eSavon d'Alep 40% HBL Najel : le soin ancestral pour peaux sensibles et réactives\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep est l'un des plus anciens savons du monde, né il y a plus de 3 000 ans dans la ville d'Alep, en Syrie. Tous les savons d'Alep ne se valent pas. Avec 40% d'huile de baies de laurier (HBL), le savon d'Alep Najel Premium représente une concentration parmi les plus élevées du marché, spécialement formulée pour les peaux sensibles, réactives et sujettes aux irritations.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Composition du savon d'Alep Najel 40% HBL --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Najel 40% HBL\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eSa formule repose sur deux ingrédients d'exception, sans superflu.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-compo\"\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e60% — Base saponifiée nourrissante, douce et protectrice\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e40% — Propriétés apaisantes, purifiantes et antiseptiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eMéthode de fabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification à chaud traditionnelle\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem;\"\u003eLa composition du savon d'Alep Najel est volontairement minimaliste : sans parfum artificiel, sans colorant, sans conservateur. Ce que vous voyez sur le pain de savon, c'est exactement ce que votre peau reçoit.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Pourquoi choisir un savon d'Alep à 40% d'huile de baies de laurier ? --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un savon d'Alep à 40% d'huile de baies de laurier ?\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003ePlus la concentration en HBL est élevée, plus le savon est adapté aux peaux qui ont besoin d'un soin intensif. À 40%, ce savon convient particulièrement aux profils suivants.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫧 Peaux eczémateuses ou psoriasiques\u003c\/h3\u003e\n        \u003cp\u003eSujettes à l'eczéma ou au psoriasis, ces peaux trouvent dans le savon d'Alep 40% un soin apaisant respectueux de leur fragilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e✨ Peaux acnéiques ou grasses\u003c\/h3\u003e\n        \u003cp\u003eLes peaux à tendance grasse avec imperfections bénéficient des propriétés purifiantes de l'huile de baies de laurier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 Peaux irritées et réactives\u003c\/h3\u003e\n        \u003cp\u003eLes peaux irritées, rouges ou réactives au quotidien sont apaisées par la richesse de cette formule surgras.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🛡️ Peaux sensibilisées\u003c\/h3\u003e\n        \u003cp\u003ePour les peaux fragilisées par des produits chimiques ou environnementaux, ce savon offre un retour à l'essentiel sans agression.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour les peaux normales ou peu sensibles, un savon d'Alep à 5% ou 12% HBL sera suffisant. Le 40% est réservé aux besoins spécifiques et s'utilise de façon ponctuelle ou en alternance avec un savon plus doux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Les bienfaits du savon d'Alep sur le visage, le corps et les cheveux --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eLes bienfaits du savon d'Alep sur le visage, le corps et les cheveux\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep sur le visage est particulièrement apprécié pour nettoyer en douceur sans agresser le film hydrolipidique. Son caractère surgras dépose un léger voile protecteur qui apaise les tiraillements après le lavage.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-benefits\"\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eVisage\u003c\/h3\u003e\n        \u003cp\u003eNettoie en douceur, purifie les pores et apaise les rougeurs sans agresser le film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCorps\u003c\/h3\u003e\n        \u003cp\u003eRespecte le microbiome cutané et convient aux zones délicates, même les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCheveux\u003c\/h3\u003e\n        \u003cp\u003ePeut être utilisé comme shampoing solide, surtout pour les cuirs chevelus sensibles ou à tendance pelliculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1.25rem;\"\u003eLes bienfaits du savon d'Alep sont reconnus par de nombreux dermatologues, qui le recommandent comme alternative naturelle aux savons surgras conventionnels pour les peaux à problèmes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Comment utiliser le savon d'Alep Najel 40% ? --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep Najel 40% ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eMouillez et moussez\u003c\/h3\u003e\n          \u003cp\u003eMouillez le savon et vos mains, puis formez une mousse légère entre vos paumes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en massages circulaires doux sur le visage ou le corps.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eConservez correctement\u003c\/h3\u003e\n          \u003cp\u003eConservez votre savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e📋\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFréquence conseillée\u003c\/strong\u003e\n        \u003cp\u003e2 à 3 fois par semaine pour le visage à 40% HBL. Au quotidien sur le corps si votre peau le tolère bien. En cas de doute, consultez un dermatologue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Informations pratiques --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🫒\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eTeneur en HBL\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003e40%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🔥\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eSaponification à chaud\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧑‍⚕️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eProfil cutané\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eSensibles, réactives\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🪥\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé. En cas de doute, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eQuand la nature fait mieux que la chimie, il suffit parfois de revenir à l'essentiel. Votre peau vous en sera reconnaissante dès les premiers lavages.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n  --soi-alep-primary: #5C7A5E;\n  --soi-alep-primary-soft: #D2DFD3;\n  --soi-alep-accent: #B5894A;\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-alep-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-alep-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n  background: var(--soi-alep-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-alep-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-alep-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n  font-size: 13px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-alep-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-alep-card {\n  background: var(--soi-alep-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-alep-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-alep-card-mini {\n  background: var(--soi-alep-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-alep-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n}\n\n\/* TIMELINE *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-alep-compo {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-alep-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-alep-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-alep-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-alep-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-alep-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-alep-accordion-item {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius-sm);\n  border: 1px solid var(--soi-alep-line);\n  overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-alep-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-alep-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-alep-compo-value {\n    text-align: left;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603651977546,"sku":"NJ0045","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-40-hbl-najel-lifestyle.webp?v=1779613572"},{"product_id":"beurre-de-karite-brut-certifie-bio-najel","title":"Beurre de karité brut certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-kari-hero\"\u003e\n    \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n      \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-kari-hero-title\"\u003eUn beurre brut, équitable \u0026amp; bio\u003c\/span\u003e\n\n    \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin pur et polyvalent, extrait artisanalement au Ghana, pour nourrir votre peau, votre visage et vos cheveux en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n      \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003e100 % PUR\u003c\/span\u003e\n      \u003cspan class=\"soi-kari-label\"\u003eSANS PARFUM\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Intro --\u003e\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eBeurre de karité brut certifié bio Najel : le soin pur et polyvalent\u003c\/h2\u003e\n    \u003cp\u003eSi vous cherchez un soin \u003cstrong\u003e100 % naturel, non raffiné et certifié bio\u003c\/strong\u003e pour nourrir votre peau et vos cheveux en profondeur, le \u003cstrong\u003ebeurre de karité brut bio Najel\u003c\/strong\u003e est exactement ce qu'il vous faut. Extrait artisanalement par des femmes ghanéennes au sein d'une coopérative équitable, ce beurre brut non transformé conserve l'intégralité de ses actifs naturels : \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e, acides gras essentiels et insaponifiables réparateurs. Aucun solvant, aucune transformation chimique : juste le meilleur du karité, tel que la nature le produit.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un beurre de karité bio non raffiné ?\u003c\/h2\u003e\n    \u003cp class=\"soi-kari-section-intro\"\u003eLa différence entre un beurre de karité classique et un \u003cstrong\u003ebeurre de karité bio pur non raffiné\u003c\/strong\u003e est fondamentale. Le raffinage élimine une grande partie des actifs bénéfiques. En choisissant un beurre brut, vous obtenez :\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid\"\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🧬 Une teneur maximale en insaponifiables\u003c\/h3\u003e\n        \u003cp\u003eDe 7 à 12 % d'insaponifiables, responsables des propriétés réparatrices et anti-inflammatoires du karité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e✨ Des vitamines naturellement présentes\u003c\/h3\u003e\n        \u003cp\u003eDes vitamines A, D, E et F qui soutiennent le renouvellement cutané et protègent les cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card\"\u003e\n        \u003ch3\u003e🤲 Une texture dense et fondante\u003c\/h3\u003e\n        \u003cp\u003eSigne d'un produit non altéré par la chaleur industrielle, qui conserve toute sa richesse originelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Bienfaits --\u003e\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets sur votre peau, votre visage et vos cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-benefits\"\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeau sèche et sensible\u003c\/h3\u003e\n        \u003cp\u003eForme un film protecteur naturel qui soulage les tiraillements, restaure le film hydrolipidique et apaise les rougeurs. Idéal pour les coudes, les talons, les lèvres et les mains abîmées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection toutes saisons\u003c\/h3\u003e\n        \u003cp\u003eEn hiver, il protège des vents et du froid. En été, il apaise la peau après l'exposition solaire. Un allié 365 jours par an pour toute la famille, même les peaux de bébé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-benefit\"\u003e\n        \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin capillaire réparateur\u003c\/h3\u003e\n        \u003cp\u003eEn masque avant shampooing ou sur les pointes, il nourrit les fibres capillaires abîmées, réduit les frisottis et restitue brillance et souplesse aux cheveux secs ou colorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eComment utiliser le beurre de karité brut Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-timeline\"\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003ePour le corps\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une petite noisette, faites-la fondre entre vos paumes quelques secondes, puis massez doucement sur les zones sèches. La chaleur corporelle suffit à le rendre parfaitement fluide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003ePour le visage\u003c\/h3\u003e\n          \u003cp\u003eUtilisez une infime quantité (un grain de riz suffit) en soin de nuit sur peau propre. Idéal pour les peaux très sèches ou en manque d'élasticité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-step\"\u003e\n        \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-kari-step-content\"\u003e\n          \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en masque sur cheveux secs, laissez poser 20 à 30 minutes, puis shampouinez normalement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition et certification --\u003e\n  \u003csection class=\"soi-kari-section\"\u003e\n    \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kari-compo\"\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eQualité\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003e100 % pur, brut et non raffiné\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic (ECOCERT)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003eCoopérative de femmes artisanes, Ghana\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-compo-row\"\u003e\n        \u003cspan class=\"soi-kari-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-compo-value\"\u003e100 g\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size: 12px; color: var(--soi-kari-text-muted); margin-top: 0.75rem; font-style: italic;\"\u003e* Issu de l'agriculture biologique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kari-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eSans parfum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eConservateur\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🎨\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eColorant\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kari-card-mini\"\u003e\n        \u003cspan class=\"soi-kari-card-mini-icon\"\u003e👶\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-label\"\u003eConvient aux\u003c\/span\u003e\n        \u003cspan class=\"soi-kari-card-mini-value\"\u003ePeaux sensibles et bébés\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-kari-cta-box\"\u003e\n      \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eUne seule noix de karité ghanéenne suffit à transformer votre routine. Corps, visage ou cheveux, le beurre de karité Najel vous offre ce que la cosmétique naturelle a de meilleur. Simple, efficace, honnête.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-kari-marine: #1A2D3D;\n  --soi-kari-marine-dark: #0F1E2B;\n  --soi-kari-marine-light: #2C4458;\n  --soi-kari-pomme: #A1C544;\n  --soi-kari-pomme-dark: #84A636;\n  --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-kari-white: #FFFFFF;\n  --soi-kari-off-white: #F8FAF6;\n  --soi-kari-stone: #F1F3EE;\n  --soi-kari-line: #E5E8E0;\n\n  --soi-kari-primary: #B8924A;\n  --soi-kari-primary-soft: #F5EDE0;\n  --soi-kari-accent: #3D2B1F;\n\n  --soi-kari-text: #1A2D3D;\n  --soi-kari-text-soft: #4A5B6B;\n  --soi-kari-text-muted: #7B8693;\n\n  --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-kari-radius: 12px;\n  --soi-kari-radius-sm: 8px;\n  --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-kari-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-kari-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n  position: relative;\n  background: var(--soi-kari-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-kari-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-kari-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-kari-primary);\n}\n\n.soi-kari-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-kari-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-kari-primary);\n  border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n  display: block;\n  color: var(--soi-kari-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-kari-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-kari-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-kari-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-kari-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-kari-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n  background: var(--soi-kari-primary);\n  border-color: var(--soi-kari-primary);\n  color: var(--soi-kari-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-kari-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-kari-pomme);\n  border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-kari-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-kari-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-kari-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-kari-benefit {\n  background: var(--soi-kari-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-kari-radius);\n  border: 1px solid var(--soi-kari-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-kari-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-kari-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-kari-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n  font-size: 13px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-kari-card {\n  background: var(--soi-kari-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kari-radius);\n  border-left: 3px solid var(--soi-kari-primary);\n}\n\n.soi-kari-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-kari-card-mini {\n  background: var(--soi-kari-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-kari-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-kari-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-kari-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-kari-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kari-radius);\n  border: 1px solid var(--soi-kari-line);\n  align-items: flex-start;\n}\n\n.soi-kari-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-kari-marine);\n  color: var(--soi-kari-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-kari-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kari-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n  background: var(--soi-kari-off-white);\n  border-radius: var(--soi-kari-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-kari-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-kari-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-kari-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-kari-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-kari-marine);\n  text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-kari-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-kari-accordion-item {\n  background: var(--soi-kari-off-white);\n  border-radius: var(--soi-kari-radius-sm);\n  border: 1px solid var(--soi-kari-line);\n  overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-kari-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-kari-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-kari-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-kari-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-kari-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n  background: var(--soi-kari-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-kari-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-kari-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-kari-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-kari-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-kari-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-kari-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-kari-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-kari-compo-value {\n    text-align: left;\n  }\n\n  .soi-kari-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-kari-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-kari-fiche {\n    --soi-kari-text-soft: #2C3E50;\n    --soi-kari-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603654533450,"sku":"NJ0225","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-brut-certifie-bio-najel-packshot.webp?v=1779807899"},{"product_id":"boue-de-la-mer-morte-najel","title":"Boue de la mer Morte – Najel","description":"\u003cdiv class=\"soi-boue-fiche\"\u003e\n\n  \u003csection class=\"soi-boue-hero\"\u003e\n    \u003cdiv class=\"soi-boue-hero-tag\"\u003e\n      \u003cspan class=\"soi-boue-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-boue-hero-title\"\u003eBoue de la Mer Morte\u003c\/span\u003e\n    \u003cp class=\"soi-boue-hero-subtitle\"\u003eMasque régénérant aux minéraux de la Mer Morte, 100 % naturel et sans conservateurs, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"soi-boue-hero-labels\"\u003e\n      \u003cspan class=\"soi-boue-label soi-boue-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-boue-label\"\u003eECOCERT\u003c\/span\u003e\n      \u003cspan class=\"soi-boue-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-boue-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-boue-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-boue-section\"\u003e\n    \u003ch2\u003ePourquoi la boue de la Mer Morte est-elle si efficace ?\u003c\/h2\u003e\n    \u003cp\u003eDepuis des millénaires, la boue de la Mer Morte est considérée comme l'un des soins les plus précieux que la nature puisse offrir. La Mer Morte est un lac salé hypersalin dont les sédiments se chargent, au fil du temps, d'une concentration exceptionnelle en minéraux.\u003c\/p\u003e\n    \u003cp\u003eLa boue qui en est extraite contient naturellement du magnésium, du calcium, du potassium et du sodium : quatre actifs qui agissent en synergie pour nourrir les cellules cutanées, réguler le sébum, apaiser les irritations et accélérer la régénération de l'épiderme.\u003c\/p\u003e\n    \u003cp\u003eC'est précisément cette richesse minérale qui a été associée à un effet bénéfique sur les peaux sujettes au psoriasis, à l'eczéma ou à l'acné. Ce produit ne remplace en aucun cas un traitement médical, mais il peut venir en complément d'une routine de soin adaptée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-boue-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la boue de la Mer Morte selon votre besoin\u003c\/h2\u003e\n    \u003cdiv class=\"soi-boue-grid\"\u003e\n      \u003cdiv class=\"soi-boue-card\"\u003e\n        \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n        \u003cp\u003eLe masque à la boue de la Mer Morte absorbe l'excès de sébum, resserre les pores et affine le grain de peau. Idéal pour les peaux mixtes à grasses et les peaux acnéiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-card\"\u003e\n        \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eAppliquée en masque cheveux, elle purifie le cuir chevelu en profondeur, régule la production de sébum et redonne vitalité aux cheveux ternes ou abîmés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-card\"\u003e\n        \u003ch3\u003e🛁 Corps\u003c\/h3\u003e\n        \u003cp\u003eUtilisée en enveloppement corporel, la boue de la Mer Morte vous aide à soulager les tensions musculaires et les douleurs articulaires, pour un vrai moment de détente bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-card\"\u003e\n        \u003ch3\u003e✨ Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eSa formule naturelle et sans conservateurs la rend bien tolérée par les peaux délicates. Elle apaise, régénère et redonne de l'éclat sans agresser l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-boue-section\"\u003e\n    \u003ch2\u003eComment utiliser la boue de la Mer Morte Najel ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-boue-timeline\"\u003e\n      \u003cdiv class=\"soi-boue-step\"\u003e\n        \u003cdiv class=\"soi-boue-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-boue-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau ou votre cuir chevelu\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez légèrement la zone à traiter pour favoriser l'adhérence de la boue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-step\"\u003e\n        \u003cdiv class=\"soi-boue-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-boue-step-content\"\u003e\n          \u003ch3\u003eAppliquez une couche généreuse\u003c\/h3\u003e\n          \u003cp\u003eRépartissez la boue sur le visage, le cou, le corps ou les longueurs et cuir chevelu selon votre besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-step\"\u003e\n        \u003cdiv class=\"soi-boue-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-boue-step-content\"\u003e\n          \u003ch3\u003eLaissez poser 20 minutes\u003c\/h3\u003e\n          \u003cp\u003eAccordez aux minéraux le temps d'agir en profondeur sur votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-step\"\u003e\n        \u003cdiv class=\"soi-boue-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-boue-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment à l'eau claire\u003c\/h3\u003e\n          \u003cp\u003eVotre peau est immédiatement plus douce, plus nette et visiblement revitalisée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-boue-tip\"\u003e\n      \u003cdiv class=\"soi-boue-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour les peaux très sensibles ou en cas de pathologie cutanée, demandez l'avis de votre dermatologue avant la première utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-boue-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"soi-boue-compo\"\u003e\n      \u003cdiv class=\"soi-boue-compo-row\"\u003e\n        \u003cspan class=\"soi-boue-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-compo-value\"\u003eBoue de la Mer Morte (Dead Sea Mud)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-compo-row\"\u003e\n        \u003cspan class=\"soi-boue-compo-label\"\u003eMinéraux présents\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-compo-value\"\u003eMagnésium, Calcium, Potassium, Sodium, Silice\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-compo-row\"\u003e\n        \u003cspan class=\"soi-boue-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-compo-value\"\u003e100 % naturelle, sans conservateurs, sans parabènes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-compo-row\"\u003e\n        \u003cspan class=\"soi-boue-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-compo-row\"\u003e\n        \u003cspan class=\"soi-boue-compo-label\"\u003eTypes de peau\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-compo-value\"\u003eNormales, mixtes, grasses, sensibles, sujettes au psoriasis ou à l'acné\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-boue-section\"\u003e\n    \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n    \u003cdiv class=\"soi-boue-grid-compact\"\u003e\n      \u003cdiv class=\"soi-boue-card-mini\"\u003e\n        \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-card-mini\"\u003e\n        \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-value\"\u003eMer Morte\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-card-mini\"\u003e\n        \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-label\"\u003ePolyvalence\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-boue-card-mini\"\u003e\n        \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-boue-card-mini-value\"\u003ePure, sans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-boue-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-boue-cta-box\"\u003e\n      \u003cp class=\"soi-boue-cta-tag\" style=\"color: white;\"\u003eDes millénaires de sagesse minérale dans un seul pot\u003c\/p\u003e\n      \u003cp class=\"soi-boue-cta-text\" style=\"color: white;\"\u003ePurifiante, régénérante et apaisante, la Boue de la Mer Morte Najel transforme chaque application en véritable rituel minéral. Votre peau mérite ce soin ancestral, certifié naturel, doux pour elle comme 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  --soi-boue-marine: #1A2D3D;\n  --soi-boue-marine-dark: #0F1E2B;\n  --soi-boue-marine-light: #2C4458;\n  --soi-boue-pomme: #A1C544;\n  --soi-boue-pomme-dark: #84A636;\n  --soi-boue-pomme-light: rgba(161,197,68,0.10);\n  --soi-boue-white: #FFFFFF;\n  --soi-boue-off-white: #F8FAF6;\n  --soi-boue-stone: #F1F3EE;\n  --soi-boue-line: #E5E8E0;\n  --soi-boue-primary: #8BBCC2;\n  --soi-boue-primary-soft: #B5D8DC;\n  --soi-boue-accent: #5A4A42;\n  --soi-boue-text: #1A2D3D;\n  --soi-boue-text-soft: #4A5B6B;\n  --soi-boue-text-muted: #7B8693;\n  --soi-boue-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-boue-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-boue-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-boue-radius: 12px;\n  --soi-boue-radius-sm: 8px;\n  --soi-boue-radius-pill: 999px;\n}\n\n.soi-boue-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-boue-fiche img { max-width: 100%; height: auto; }\n\n.soi-boue-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-boue-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-boue-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-boue-hero {\n  position: relative;\n  background: var(--soi-boue-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-boue-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-boue-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-boue-pomme);\n}\n\n.soi-boue-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-boue-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-boue-pomme);\n  border-radius: 50%;\n}\n\n.soi-boue-hero-title {\n  display: block;\n  color: var(--soi-boue-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-boue-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-boue-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-boue-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-boue-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-boue-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-boue-label-accent {\n  background: var(--soi-boue-pomme);\n  border-color: var(--soi-boue-pomme);\n  color: var(--soi-boue-marine);\n  font-weight: 600;\n}\n\n.soi-boue-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-boue-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-boue-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-boue-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-boue-pomme);\n  border-radius: 2px;\n}\n\n.soi-boue-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-boue-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-boue-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-boue-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-boue-card {\n  background: var(--soi-boue-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-boue-radius);\n  border-left: 3px solid var(--soi-boue-pomme);\n}\n\n.soi-boue-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-boue-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-boue-card p {\n  font-size: 14px;\n  color: var(--soi-boue-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-boue-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-boue-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-boue-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-boue-radius);\n  border: 1px solid var(--soi-boue-line);\n  align-items: flex-start;\n}\n\n.soi-boue-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-boue-marine);\n  color: var(--soi-boue-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-boue-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-boue-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-boue-step-content p {\n  font-size: 14px;\n  color: var(--soi-boue-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-boue-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-boue-pomme-light);\n  border-left: 4px solid var(--soi-boue-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-boue-radius) var(--soi-boue-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-boue-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-boue-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-boue-marine);\n  margin-bottom: 4px;\n}\n\n.soi-boue-tip p {\n  font-size: 14px;\n  color: var(--soi-boue-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-boue-compo {\n  background: var(--soi-boue-off-white);\n  border-radius: var(--soi-boue-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-boue-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-boue-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-boue-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-boue-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-boue-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-boue-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-boue-marine);\n  text-align: right;\n}\n\n.soi-boue-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-boue-card-mini {\n  background: var(--soi-boue-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-boue-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-boue-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-boue-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-boue-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-boue-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-boue-marine);\n}\n\n.soi-boue-cta-box {\n  background: var(--soi-boue-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-boue-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-boue-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-boue-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-boue-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-boue-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-boue-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-boue-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-boue-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-boue-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-boue-compo-value {\n    text-align: left;\n  }\n\n  .soi-boue-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-boue-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-boue-fiche {\n    --soi-boue-text-soft: #2C3E50;\n    --soi-boue-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656597834,"sku":"NJ0320","price":9.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/boue-de-la-mer-morte-najel-packshot.webp?v=1779726481"},{"product_id":"savon-dalep-au-charbon-vegetal-bio-najel","title":"Savon d'Alep Charbon au Végétal Bio - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Savon solide · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep au charbon végétal bio\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003eDeux traditions millénaires réunies en un seul savon : l'artisanat aleppin de la famille Al Najjar et le pouvoir purificateur du charbon végétal bio d'Amla, pour les peaux mixtes et grasses.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eNATUREL \u0026amp; BIODÉGRADABLE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePourquoi le charbon végétal bio change la donne pour votre peau\u003c\/h2\u003e\n    \u003cp\u003eLe charbon végétal actif agit comme un véritable aimant sur les impuretés. Il capte les polluants, les toxines et l'excès de sébum logés dans vos pores, sans agresser la barrière cutanée. Dans ce savon, le charbon provient de l'Amla, une plante utilisée depuis des siècles en médecine ayurvédique, ce qui lui confère une finesse et une pureté supérieures aux charbons industriels classiques.\u003c\/p\u003e\n    \u003cp\u003eContrairement à de nombreux savons au charbon du marché, celui-ci ne dessèche pas : l'huile d'olive saponifiée et l'huile de baies de laurier maintiennent le film hydrolipidique de votre peau, pour un résultat propre mais jamais tirant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep au charbon végétal bio Najel\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n        \u003cp\u003eNettoyante, nourrissante et protectrice, elle constitue la base du savon d'Alep traditionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier saponifiée\u003c\/h3\u003e\n        \u003cp\u003eAux propriétés purifiantes, désinfectantes et régénératrices reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e⬛ Charbon végétal bio d'Amla\u003c\/h3\u003e\n        \u003cp\u003eAdsorbant puissant, il capture les impuretés en profondeur et contribue à réguler le sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e🏺\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eSavoir-faire artisanal\u003c\/strong\u003e\n        \u003cp\u003eCe savon est fabriqué selon un procédé artisanal authentique, avec un séchage minimum de neuf mois, qui lui confère une texture dense, longue durée et une efficacité optimale à chaque utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce savon au charbon végétal ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-benefits\"\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux mixtes à grasses\u003c\/h3\u003e\n        \u003cp\u003ePores dilatés, excès de sébum : le charbon végétal capture les impuretés sans dessécher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux à imperfections\u003c\/h3\u003e\n        \u003cp\u003ePoints noirs, acné légère : un soin purifiant qui contribue à affiner le grain de peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🏙️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux exposées à la pollution\u003c\/h3\u003e\n        \u003cp\u003eUn nettoyant purifiant en profondeur pour les peaux urbaines en quête de fraîcheur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-benefit\"\u003e\n        \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRoutine 3-en-1\u003c\/h3\u003e\n        \u003cp\u003eVisage, corps, cheveux : un soin quotidien qui simplifie votre routine tout en réduisant les déchets plastiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep au charbon végétal bio\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre visage ou la zone à traiter avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau par mouvements circulaires doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eLaissez agir, puis rincez\u003c\/h3\u003e\n          \u003cp\u003eLaissez poser 1 à 2 minutes pour une action purifiante renforcée, puis rincez à l'eau froide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n          \u003cp\u003eAppliquez directement sur cuir chevelu humide, massez, laissez poser quelques minutes, puis rincez abondamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eUtilisez 2 à 3 fois par semaine en soin purifiant ciblé, ou quotidiennement si votre peau le tolère bien. Conservez le savon hors de l'eau entre deux utilisations pour prolonger sa durée de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eCe que disent les utilisateurs du savon Najel au charbon\u003c\/h2\u003e\n    \u003cp\u003eLes retours sont unanimes : après 2 à 3 semaines d'utilisation régulière, les utilisateurs constatent une peau visiblement plus nette, des pores affinés et un teint plus uniforme. Beaucoup apprécient aussi son utilisation en shampoing solide pour un cuir chevelu moins gras et des racines revitalisées. Un produit 3-en-1 (visage, corps, cheveux) qui simplifie la routine tout en réduisant les déchets plastiques.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le savon au charbon végétal\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-accordion\"\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e🌸 Ce savon convient-il aux peaux sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eIl est principalement formulé pour les peaux mixtes à grasses. Si votre peau est sensible, commencez par une utilisation 2 fois par semaine et observez la réaction.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e🧺 Le charbon végétal tache-t-il les tissus ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eRincez soigneusement après utilisation. La couleur noire du savon ne laisse généralement pas de traces si le rinçage est complet.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e⚕️ Ce savon remplace-t-il un traitement dermatologique ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eNon. Il s'agit d'un soin cosmétique naturel. En cas d'acné sévère ou de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eDes siècles de savoir-faire aleppin au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePurifiant sans agresser, nettoyant sans dessécher : redonnez à votre visage, votre corps et vos cheveux toute leur légèreté avec un seul savon.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n\n  --soi-alep-primary: #4A3530;\n  --soi-alep-primary-soft: #6B534D;\n  --soi-alep-accent: #C5A96A;\n\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n  background: var(--soi-alep-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-alep-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-alep-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n  font-size: 13px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n  background: var(--soi-alep-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-alep-accordion-item {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius-sm);\n  border: 1px solid var(--soi-alep-line);\n  overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-alep-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-alep-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-alep-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-alep-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656859978,"sku":"NJ0105","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-charbon-vegetal-bio-najel-packshot.webp?v=1779627357"},{"product_id":"monoi-de-tahiti®-najel","title":"Monoï de Tahiti® – Najel","description":"\u003cdiv class=\"soi-mono-fiche\"\u003e\n\n\u003csection class=\"soi-mono-hero\"\u003e\n  \u003cdiv class=\"soi-mono-hero-tag\"\u003e\n    \u003cspan class=\"soi-mono-tag-dot\"\u003e\u003c\/span\u003e\n    Cosmétiques et soins beauté · Najel\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-mono-hero-title\"\u003eMonoï de Tahiti®\u003c\/span\u003e\n  \u003cp class=\"soi-mono-hero-subtitle\"\u003eUn soin multi-usages né au cœur de la Polynésie, nourrissant, apaisant et enveloppant, pour le corps, le visage et les cheveux.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mono-hero-labels\"\u003e\n    \u003cspan class=\"soi-mono-label soi-mono-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n    \u003cspan class=\"soi-mono-label\"\u003eAPPELLATION CONTRÔLÉE\u003c\/span\u003e\n    \u003cspan class=\"soi-mono-label\"\u003eSANS SILICONES\u003c\/span\u003e\n    \u003cspan class=\"soi-mono-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n  \u003ch2\u003eUne huile végétale de Monoï de Tahiti® au parfum fleur de Tiaré\u003c\/h2\u003e\n  \u003cp\u003eImaginez un soin né au cœur de la Polynésie, là où les femmes macèrent les \u003cstrong\u003efleurs de Tiaré\u003c\/strong\u003e dans l'huile de coco depuis des siècles pour prendre soin de leur peau et de leurs cheveux. C'est exactement ce que vous offre le \u003cstrong\u003eMonoï de Tahiti® Najel\u003c\/strong\u003e : un soin multi-usages certifié Cosmos Natural, à la fois nourrissant, apaisant et enveloppant, pour le corps, le visage et les cheveux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n  \u003ch2\u003eCe qui rend cette huile de Monoï unique\u003c\/h2\u003e\n  \u003cp\u003eLe \u003cstrong\u003eMonoï de Tahiti®\u003c\/strong\u003e est une appellation contrôlée et protégée. Pour en porter le nom, il doit impérativement être fabriqué en Polynésie française, à partir de \u003cstrong\u003efleurs de Tiaré fraîches macérées au moins dix jours dans de l'huile de coprah raffinée\u003c\/strong\u003e. Najel respecte cette tradition à la lettre, sans raccourcis ni artifices.\u003c\/p\u003e\n  \u003cdiv class=\"soi-mono-benefits\"\u003e\n    \u003cdiv class=\"soi-mono-benefit\"\u003e\n      \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eHydratation intense et durable\u003c\/h3\u003e\n      \u003cp\u003eL'huile de coco pénètre les couches supérieures de l'épiderme et restaure le film lipidique naturel. La peau ressort douce, satinée, visiblement repulpée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-benefit\"\u003e\n      \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eSoin réparateur pour les cheveux secs\u003c\/h3\u003e\n      \u003cp\u003eAppliquée en masque ou en soin sans rinçage, cette huile de Monoï nourrit en profondeur, réduit les frisottis et révèle de la brillance sur les longueurs abîmées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-benefit\"\u003e\n      \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eEffet sublimateur pour le bronzage\u003c\/h3\u003e\n      \u003cp\u003eUtilisée après une exposition solaire, l'huile de Monoï prolonge et unifie le hâle tout en hydratant. Elle ne contient aucun filtre UV et ne remplace pas votre protection solaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-benefit\"\u003e\n      \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e🌺\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum envoûtant de Tiaré\u003c\/h3\u003e\n      \u003cp\u003eDélicat, floral, légèrement sucré : il reste subtilement sur la peau plusieurs heures après l'application.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n  \u003ch2\u003eComment utiliser l'huile de Monoï Najel au quotidien ?\u003c\/h2\u003e\n  \u003cp\u003eSa polyvalence est l'un de ses grands atouts. Voici les utilisations les plus appréciées :\u003c\/p\u003e\n  \u003cdiv class=\"soi-mono-timeline\"\u003e\n    \u003cdiv class=\"soi-mono-step\"\u003e\n      \u003cdiv class=\"soi-mono-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-mono-step-content\"\u003e\n        \u003ch3\u003eCorps\u003c\/h3\u003e\n        \u003cp\u003eAppliquez quelques gouttes après la douche, sur peau encore légèrement humide, pour maximiser l'absorption et l'effet satiné.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-step\"\u003e\n      \u003cdiv class=\"soi-mono-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-mono-step-content\"\u003e\n        \u003ch3\u003eCheveux secs ou abîmés\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez. Résultat : des cheveux nourris, souples et brillants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-step\"\u003e\n      \u003cdiv class=\"soi-mono-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-mono-step-content\"\u003e\n        \u003ch3\u003eSoin du soir pour le visage\u003c\/h3\u003e\n        \u003cp\u003eUne à deux gouttes en massage sur les zones sèches suffisent. Idéal pour les peaux normales à sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-step\"\u003e\n      \u003cdiv class=\"soi-mono-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-mono-step-content\"\u003e\n        \u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n        \u003cp\u003eAppliquez généreusement sur le corps pour apaiser et prolonger le bronzage après l'exposition.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-mono-tip\"\u003e\n    \u003cdiv class=\"soi-mono-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eLe Monoï se solidifie naturellement en dessous de 25 °C. Il suffit de réchauffer le flacon quelques secondes dans vos mains ou dans un bain d'eau tiède pour le liquéfier à nouveau. C'est le signe d'un produit 100 % naturel, non dénaturé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n  \u003ch2\u003eComposition de l'huile de Monoï de Tahiti® Najel\u003c\/h2\u003e\n  \u003cp\u003eLa liste INCI de ce produit est volontairement courte, ce qui est un gage de pureté :\u003c\/p\u003e\n  \u003cdiv class=\"soi-mono-compo\"\u003e\n    \u003cdiv class=\"soi-mono-compo-row\"\u003e\n      \u003cspan class=\"soi-mono-compo-label\"\u003eCocos Nucifera (Coconut) Oil\u003c\/span\u003e\n      \u003cspan class=\"soi-mono-compo-value\"\u003eHuile de noix de coco raffinée, base nourrissante et protectrice riche en acides gras saturés\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-compo-row\"\u003e\n      \u003cspan class=\"soi-mono-compo-label\"\u003eGardenia Tahitensis Flower Extract\u003c\/span\u003e\n      \u003cspan class=\"soi-mono-compo-value\"\u003eMacérat de fleurs fraîches de Tiaré, actif emblématique et signature olfactive du vrai Monoï de Tahiti®\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-compo-row\"\u003e\n      \u003cspan class=\"soi-mono-compo-label\"\u003eParfum (Fragrance)\u003c\/span\u003e\n      \u003cspan class=\"soi-mono-compo-value\"\u003eComplément d'arôme naturel pour intensifier la signature florale\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-compo-row\"\u003e\n      \u003cspan class=\"soi-mono-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-mono-compo-value\"\u003eCosmos Natural par Ecocert Greenlife\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-compo-row\"\u003e\n      \u003cspan class=\"soi-mono-compo-label\"\u003eSans\u003c\/span\u003e\n      \u003cspan class=\"soi-mono-compo-value\"\u003eColorants synthétiques, silicones, parabènes\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n  \u003ch2\u003ePour qui est fait ce Monoï ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-mono-grid\"\u003e\n    \u003cdiv class=\"soi-mono-card\"\u003e\n      \u003ch3\u003e🤲 Peaux sèches à très sèches\u003c\/h3\u003e\n      \u003cp\u003eCette huile végétale de Monoï est particulièrement recommandée pour les peaux en manque de nutrition. Elle convient à tous les types de peau, y compris les peaux sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-card\"\u003e\n      \u003ch3\u003e💇 Cheveux épais, bouclés ou fragilisés\u003c\/h3\u003e\n      \u003cp\u003eIdéale pour les cheveux abîmés par la chaleur ou la décoloration, elle nourrit en profondeur et redonne souplesse et brillance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-mono-card\"\u003e\n      \u003ch3\u003e⚠️ Peaux à tendance acnéique\u003c\/h3\u003e\n      \u003cp\u003eSi votre peau est sujette à l'acné, privilégiez une application localisée sur le corps plutôt que sur le visage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n  \u003cdiv class=\"soi-mono-accordion\"\u003e\n    \u003cdetails class=\"soi-mono-accordion-item\"\u003e\n      \u003csummary class=\"soi-mono-accordion-header\"\u003e⚕️ Avertissement\u003c\/summary\u003e\n      \u003cdiv class=\"soi-mono-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne constitue pas un médicament et 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\u003csection class=\"soi-mono-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-mono-cta-box\"\u003e\n    \u003cp class=\"soi-mono-cta-tag\" style=\"color: white;\"\u003eUn rituel beauté ancestral dans votre salle de bain\u003c\/p\u003e\n    \u003cp class=\"soi-mono-cta-text\" style=\"color: white;\"\u003eDouceur polynésienne, parfum de fleur de Tiaré, peau satinée et cheveux revitalisés : un seul flacon suffit pour transformer votre quotidien en véritable parenthèse d'évasion.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mono-marine: #1A2D3D;\n  --soi-mono-marine-dark: #0F1E2B;\n  --soi-mono-marine-light: #2C4458;\n  --soi-mono-pomme: #A1C544;\n  --soi-mono-pomme-dark: #84A636;\n  --soi-mono-pomme-light: rgba(161,197,68,0.10);\n  --soi-mono-white: #FFFFFF;\n  --soi-mono-off-white: #F8FAF6;\n  --soi-mono-stone: #F1F3EE;\n  --soi-mono-line: #E5E8E0;\n  --soi-mono-primary: #D4713A;\n  --soi-mono-primary-soft: #F2D6C2;\n  --soi-mono-accent: #E8945A;\n  --soi-mono-text: #1A2D3D;\n  --soi-mono-text-soft: #4A5B6B;\n  --soi-mono-text-muted: #7B8693;\n  --soi-mono-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mono-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mono-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mono-radius: 12px;\n  --soi-mono-radius-sm: 8px;\n  --soi-mono-radius-pill: 999px;\n}\n\n.soi-mono-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mono-fiche img { max-width: 100%; height: auto; }\n\n.soi-mono-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mono-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mono-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mono-hero {\n  position: relative;\n  background: var(--soi-mono-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-mono-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mono-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mono-pomme);\n}\n\n.soi-mono-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-mono-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mono-pomme);\n  border-radius: 50%;\n}\n\n.soi-mono-hero-title {\n  display: block;\n  color: var(--soi-mono-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-mono-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-mono-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mono-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-mono-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mono-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mono-label-accent {\n  background: var(--soi-mono-pomme);\n  border-color: var(--soi-mono-pomme);\n  color: var(--soi-mono-marine);\n  font-weight: 600;\n}\n\n.soi-mono-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mono-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mono-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-mono-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mono-pomme);\n  border-radius: 2px;\n}\n\n.soi-mono-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mono-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mono-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mono-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-mono-benefit {\n  background: var(--soi-mono-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mono-radius);\n  border: 1px solid var(--soi-mono-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mono-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mono-shadow-md);\n}\n\n.soi-mono-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mono-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-mono-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mono-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mono-benefit:hover .soi-mono-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mono-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mono-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mono-benefit p {\n  font-size: 13px;\n  color: var(--soi-mono-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mono-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mono-card {\n  background: var(--soi-mono-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mono-radius);\n  border-left: 3px solid var(--soi-mono-pomme);\n}\n\n.soi-mono-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mono-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mono-card p {\n  font-size: 14px;\n  color: var(--soi-mono-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mono-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-mono-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mono-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mono-radius);\n  border: 1px solid var(--soi-mono-line);\n  align-items: flex-start;\n}\n\n.soi-mono-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mono-marine);\n  color: var(--soi-mono-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-mono-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mono-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mono-step-content p {\n  font-size: 14px;\n  color: var(--soi-mono-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mono-compo {\n  background: var(--soi-mono-off-white);\n  border-radius: var(--soi-mono-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-mono-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-mono-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mono-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mono-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mono-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mono-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mono-marine);\n  text-align: right;\n}\n\n.soi-mono-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mono-pomme-light);\n  border-left: 4px solid var(--soi-mono-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mono-radius) var(--soi-mono-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-mono-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mono-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mono-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mono-tip p {\n  font-size: 14px;\n  color: var(--soi-mono-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mono-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mono-accordion-item {\n  background: var(--soi-mono-off-white);\n  border-radius: var(--soi-mono-radius-sm);\n  border: 1px solid var(--soi-mono-line);\n  overflow: hidden;\n}\n\n.soi-mono-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mono-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-mono-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mono-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mono-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mono-accordion-item[open] .soi-mono-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mono-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mono-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mono-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mono-cta-box {\n  background: var(--soi-mono-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mono-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mono-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-mono-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mono-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-mono-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mono-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mono-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-mono-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  .soi-mono-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .soi-mono-compo-value {\n    text-align: left;\n  }\n  .soi-mono-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mono-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mono-fiche {\n    --soi-mono-text-soft: #2C3E50;\n    --soi-mono-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603659743562,"sku":"NJ0175","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/monoi-de-tahiti-najel-packshot.webp?v=1779701538"},{"product_id":"beurre-de-karite-parfum-vanille-certifie-bio-najel","title":"Beurre de karité parfum vanille bio – Najel","description":"\u003cdiv class=\"soi-kvan-fiche\"\u003e\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-kvan-hero\"\u003e\n    \u003cdiv class=\"soi-kvan-hero-tag\"\u003e\n      \u003cspan class=\"soi-kvan-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-kvan-hero-title\"\u003eBeurre de karité parfum vanille certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-kvan-hero-subtitle\"\u003eUn soin multi-usages 100% naturel, enveloppé d'une douce fragrance gourmande de vanille, pour nourrir, protéger et réparer votre peau et vos cheveux en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kvan-hero-labels\"\u003e\n      \u003cspan class=\"soi-kvan-label soi-kvan-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-kvan-label\"\u003e100% NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-kvan-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-kvan-label\"\u003e100 G\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Beurre de karité bio parfum vanille Najel : le soin multi-usages qui transforme votre routine beauté --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003ch2\u003eBeurre de karité bio vanillé : le soin multi-usages qui transforme votre routine beauté\u003c\/h2\u003e\n    \u003cp\u003eVous cherchez un soin naturel, efficace et agréable à utiliser au quotidien ? Le beurre de karité parfum vanille certifié bio Najel répond exactement à ce besoin. Extrait artisanalement des noix de karité récoltées dans les savanes d'Afrique de l'Ouest, ce beurre 100% naturel et certifié Cosmos Organic nourrit, protège et répare en profondeur votre peau et vos cheveux, le tout enveloppé d'une douce fragrance gourmande de vanille.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi choisir ce beurre de karité bio ? --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce beurre de karité bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kvan-grid\"\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eUne garantie sérieuse sur la qualité biologique des ingrédients et le respect de l'environnement tout au long de la fabrication.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e🤝 Issu du commerce équitable\u003c\/h3\u003e\n        \u003cp\u003eLes noix de karité sont récoltées et transformées par des coopératives féminines ghanéennes dans des conditions de travail justes et respectueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e🍃 100% naturel, non raffiné\u003c\/h3\u003e\n        \u003cp\u003eLa composition brute préserve l'intégralité des propriétés actives du karité, notamment ses vitamines A, D, E et F.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n        \u003cp\u003eUne fragrance douce et enveloppante qui rend chaque application agréable, sans parfum synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Les bienfaits du beurre de karité sur les cheveux et la peau --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003ch2\u003eLes bienfaits du beurre de karité sur les cheveux et la peau\u003c\/h2\u003e\n    \u003cp class=\"soi-kvan-section-intro\"\u003eLe beurre de karité pour les cheveux est l'un des actifs les plus plébiscités en cosmétique naturelle. Sa texture fondante pénètre rapidement dans la fibre capillaire pour nourrir, réparer et redonner de la brillance aux cheveux secs, abîmés ou bouclés.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kvan-benefits\"\u003e\n      \u003cdiv class=\"soi-kvan-benefit\"\u003e\n        \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin capillaire complet\u003c\/h3\u003e\n        \u003cp\u003eIdéal en masque nourrissant, en soin sans rinçage sur les pointes, ou en activateur de boucles pour les cheveux frisés et crépus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-benefit\"\u003e\n        \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation profonde de la peau\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras insaponifiables, il restaure la barrière cutanée et lutte contre la sécheresse, les tiraillements et les gerçures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-benefit\"\u003e\n        \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eProtection contre les agressions\u003c\/h3\u003e\n        \u003cp\u003eEn hiver comme en été, il forme un film protecteur naturel contre le froid, le vent et les UV.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-benefit\"\u003e\n        \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSoin réparateur polyvalent\u003c\/h3\u003e\n        \u003cp\u003eIl s'utilise sur le visage, le corps, les lèvres, les coudes, les talons et les cheveux : un indispensable minimaliste de votre trousse beauté.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser le beurre de karité sur les cheveux et la peau ? --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003ch2\u003eComment utiliser le beurre de karité sur les cheveux et la peau ?\u003c\/h2\u003e\n    \u003cp class=\"soi-kvan-section-intro\"\u003eQuelques gestes simples pour profiter pleinement de ce soin :\u003c\/p\u003e\n    \u003cdiv class=\"soi-kvan-timeline\"\u003e\n      \u003cdiv class=\"soi-kvan-step\"\u003e\n        \u003cdiv class=\"soi-kvan-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-kvan-step-content\"\u003e\n          \u003ch3\u003eSoin capillaire avant-shampoing\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de beurre de karité sur vos cheveux secs, posez 30 minutes sous une serviette chaude, puis shampouinez normalement. Résultat : des cheveux doux, nourris et démêlés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-step\"\u003e\n        \u003cdiv class=\"soi-kvan-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-kvan-step-content\"\u003e\n          \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une très petite quantité (la taille d'un grain de riz), faites-la fondre entre vos paumes et appliquez-la sur les longueurs et pointes pour éviter la casse et les fourches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-step\"\u003e\n        \u003cdiv class=\"soi-kvan-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-kvan-step-content\"\u003e\n          \u003ch3\u003eSur la peau\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre une noisette entre vos mains et massez les zones sèches (talons, coudes, genoux, corps) matin ou soir. La peau retrouve immédiatement souplesse et confort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-step\"\u003e\n        \u003cdiv class=\"soi-kvan-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-kvan-step-content\"\u003e\n          \u003ch3\u003eSur le visage\u003c\/h3\u003e\n          \u003cp\u003eUtilisez en très faible quantité comme baume de nuit sur les peaux très sèches ou sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition du beurre de karité bio  Najel --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003ch2\u003eComposition du beurre de karité bio Vanille Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-kvan-section-intro\"\u003eLa formule volontairement épurée garantit l'absence d'additifs inutiles. Le beurre de karité représente l'essentiel de la composition, ce qui en fait un soin d'une pureté rare.\u003c\/p\u003e\n    \u003cdiv class=\"soi-kvan-compo\"\u003e\n      \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n        \u003cspan class=\"soi-kvan-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n        \u003cspan class=\"soi-kvan-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Fragrance (Parfum), Benzyl Benzoate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n        \u003cspan class=\"soi-kvan-compo-label\"\u003e* Origine\u003c\/span\u003e\n        \u003cspan class=\"soi-kvan-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n        \u003cspan class=\"soi-kvan-compo-label\"\u003eProvenance du karité\u003c\/span\u003e\n        \u003cspan class=\"soi-kvan-compo-value\"\u003eAfrique de l'Ouest (coopératives féminines ghanéennes)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n        \u003cspan class=\"soi-kvan-compo-label\"\u003eContenu\u003c\/span\u003e\n        \u003cspan class=\"soi-kvan-compo-value\"\u003e100 g (3,5 oz)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n        \u003cspan class=\"soi-kvan-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-kvan-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Ce beurre de karité est-il fait pour vous ? --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003ch2\u003eCe beurre de karité est-il fait pour vous ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-kvan-grid\"\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e🧴 Peau sèche à très sèche\u003c\/h3\u003e\n        \u003cp\u003eCe soin convient particulièrement aux personnes qui souffrent de tiraillements, de gerçures ou de sécheresse cutanée persistante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e💇 Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour nourrir les cheveux fragilisés, définir les boucles et redonner souplesse et brillance à votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-kvan-card\"\u003e\n        \u003ch3\u003e🎯 Routine beauté minimaliste\u003c\/h3\u003e\n        \u003cp\u003eUn produit unique et efficace qui remplace plusieurs soins : visage, corps, lèvres, cheveux, coudes, talons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-kvan-tip\"\u003e\n      \u003cdiv class=\"soi-kvan-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe beurre de karité est également adapté aux femmes enceintes et aux enfants (en dehors des nourrissons), grâce à sa composition naturelle et sans perturbateurs endocriniens connus.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions --\u003e\n  \u003csection class=\"soi-kvan-section\"\u003e\n    \u003cdiv class=\"soi-kvan-accordion\"\u003e\n      \u003cdetails class=\"soi-kvan-accordion-item\"\u003e\n        \u003csummary class=\"soi-kvan-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"soi-kvan-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-kvan-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-kvan-cta-box\"\u003e\n      \u003cp class=\"soi-kvan-cta-tag\" style=\"color: white;\"\u003eUn pot, mille usages\u003c\/p\u003e\n      \u003cp class=\"soi-kvan-cta-text\" style=\"color: white;\"\u003eDoux, pur et enveloppant, le beurre de karité bio vanille Najel est bien plus qu'un simple hydratant : c'est un rituel de douceur complet, pour la peau comme pour les cheveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-kvan-marine: #1A2D3D;\n  --soi-kvan-marine-dark: #0F1E2B;\n  --soi-kvan-marine-light: #2C4458;\n  --soi-kvan-pomme: #A1C544;\n  --soi-kvan-pomme-dark: #84A636;\n  --soi-kvan-pomme-light: rgba(161,197,68,0.10);\n  --soi-kvan-white: #FFFFFF;\n  --soi-kvan-off-white: #F8FAF6;\n  --soi-kvan-stone: #F1F3EE;\n  --soi-kvan-line: #E5E8E0;\n  --soi-kvan-primary: #C9A097;\n  --soi-kvan-primary-soft: #E8D5D0;\n  --soi-kvan-accent: #3A2420;\n  --soi-kvan-text: #1A2D3D;\n  --soi-kvan-text-soft: #4A5B6B;\n  --soi-kvan-text-muted: #7B8693;\n  --soi-kvan-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-kvan-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-kvan-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-kvan-radius: 12px;\n  --soi-kvan-radius-sm: 8px;\n  --soi-kvan-radius-pill: 999px;\n}\n\n.soi-kvan-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kvan-fiche img { max-width: 100%; height: auto; }\n\n.soi-kvan-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-kvan-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-kvan-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-kvan-hero {\n  position: relative;\n  background: var(--soi-kvan-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-kvan-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-kvan-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-kvan-pomme);\n}\n\n.soi-kvan-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-kvan-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-kvan-pomme);\n  border-radius: 50%;\n}\n\n.soi-kvan-hero-title {\n  display: block;\n  color: var(--soi-kvan-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-kvan-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-kvan-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-kvan-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-kvan-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-kvan-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-kvan-label-accent {\n  background: var(--soi-kvan-pomme);\n  border-color: var(--soi-kvan-pomme);\n  color: var(--soi-kvan-marine);\n  font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-kvan-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kvan-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-kvan-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-kvan-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-kvan-pomme);\n  border-radius: 2px;\n}\n\n.soi-kvan-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-kvan-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-kvan-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-kvan-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-kvan-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-kvan-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-kvan-benefit {\n  background: var(--soi-kvan-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-kvan-radius);\n  border: 1px solid var(--soi-kvan-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kvan-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-kvan-shadow-md);\n}\n\n.soi-kvan-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-kvan-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-kvan-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-kvan-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-kvan-benefit:hover .soi-kvan-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-kvan-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kvan-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kvan-benefit p {\n  font-size: 13px;\n  color: var(--soi-kvan-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-kvan-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-kvan-card {\n  background: var(--soi-kvan-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kvan-radius);\n  border-left: 3px solid var(--soi-kvan-pomme);\n}\n\n.soi-kvan-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-kvan-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-kvan-card p {\n  font-size: 14px;\n  color: var(--soi-kvan-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-kvan-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-kvan-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-kvan-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-kvan-radius);\n  border: 1px solid var(--soi-kvan-line);\n  align-items: flex-start;\n}\n\n.soi-kvan-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-kvan-marine);\n  color: var(--soi-kvan-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-kvan-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-kvan-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-kvan-step-content p {\n  font-size: 14px;\n  color: var(--soi-kvan-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-kvan-compo {\n  background: var(--soi-kvan-off-white);\n  border-radius: var(--soi-kvan-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-kvan-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-kvan-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-kvan-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-kvan-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-kvan-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-kvan-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-kvan-marine);\n  text-align: right;\n}\n\n\/* TIP *\/\n.soi-kvan-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-kvan-pomme-light);\n  border-left: 4px solid var(--soi-kvan-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-kvan-radius) var(--soi-kvan-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-kvan-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-kvan-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-kvan-marine);\n  margin-bottom: 4px;\n}\n\n.soi-kvan-tip p {\n  font-size: 14px;\n  color: var(--soi-kvan-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-kvan-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-kvan-accordion-item {\n  background: var(--soi-kvan-off-white);\n  border-radius: var(--soi-kvan-radius-sm);\n  border: 1px solid var(--soi-kvan-line);\n  overflow: hidden;\n}\n\n.soi-kvan-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-kvan-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-kvan-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-kvan-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-kvan-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-kvan-accordion-item[open] .soi-kvan-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-kvan-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-kvan-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-kvan-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-kvan-cta-box {\n  background: var(--soi-kvan-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-kvan-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-kvan-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-kvan-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-kvan-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-kvan-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-kvan-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-kvan-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .soi-kvan-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-kvan-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-kvan-compo-value {\n    text-align: left;\n  }\n\n  .soi-kvan-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-kvan-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-kvan-fiche {\n    --soi-kvan-text-soft: #2C3E50;\n    --soi-kvan-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603660136778,"sku":"NJ0235","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-vanille-certifie-bio-najel-packshot.webp?v=1779808240"},{"product_id":"hydrolat-citron-et-aloe-vera-certifie-bio-najel","title":"Hydrolat Citron \u0026 Aloe Vera Bio – Najel","description":"\n\u003cdiv class=\"soi-hcav-fiche\"\u003e\n\n  \u003csection class=\"soi-hcav-hero\"\u003e\n    \u003cdiv class=\"soi-hcav-hero-tag\"\u003e\n      \u003cspan class=\"soi-hcav-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique visage · Najel Méditerranée\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-hcav-hero-title\"\u003eHydrolat Citron \u0026amp; Aloe Vera certifié Bio\u003c\/span\u003e\n    \u003cp class=\"soi-hcav-hero-subtitle\"\u003eUne eau rééquilibrante légère et purifiante qui combine la puissance du citron et la douceur de l'aloe vera pour un teint frais et lumineux au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-hero-labels\"\u003e\n      \u003cspan class=\"soi-hcav-label soi-hcav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n      \u003cspan class=\"soi-hcav-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003cp class=\"soi-hcav-section-intro\"\u003eVous cherchez un hydrolat visage naturel et efficace pour purifier votre peau en douceur ? L'hydrolat citron et aloe vera certifié bio de Najel est une eau rééquilibrante légère, sans alcool, qui combine la puissance purifiante du citron et le pouvoir apaisant de l'aloe vera. Certifié Cosmos Organic par Ecocert, formulé à 99 % d'origine naturelle et fabriqué en France, c'est un soin quotidien taillé pour les peaux mixtes à grasses, mais convenant à tous types de peaux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cet hydrolat de citron bio ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement aux toniques classiques chargés en alcool ou en conservateurs, un hydrolat de citron bio comme celui de Najel est obtenu par hydrodistillation de fruits frais. Le résultat : une eau florale concentrée en principes actifs naturels, infiniment plus douce sur la peau et d'une efficacité réelle au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-benefits\"\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePurifiant et astringent\u003c\/h3\u003e\n        \u003cp\u003eLe citron resserre les pores dilatés, régule l'excès de sébum et aide à réduire l'apparence des points noirs et imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n        \u003cp\u003eIl unifie le teint, estompe les petites taches et redonne de la luminosité aux peaux ternes ou fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisant et réparateur\u003c\/h3\u003e\n        \u003cp\u003eL'aloe vera neutralise l'effet potentiellement asséchant du citron et apporte confort, souplesse et douceur à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-benefit\"\u003e\n        \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eTonifiant\u003c\/h3\u003e\n        \u003cp\u003eUtilisé comme hydrolat pour le visage matin et soir, il prépare la peau à mieux absorber votre sérum ou votre crème hydratante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003eComment utiliser un hydrolat visage au quotidien ?\u003c\/h2\u003e\n    \u003cp\u003eLa question revient souvent : comment utiliser un hydrolat visage pour en tirer le meilleur ? Voici la routine simple et efficace recommandée.\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-timeline\"\u003e\n      \u003cdiv class=\"soi-hcav-step\"\u003e\n        \u003cdiv class=\"soi-hcav-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-hcav-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAvec votre soin démaquillant habituel, débarrassez votre visage de toutes les impuretés accumulées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-step\"\u003e\n        \u003cdiv class=\"soi-hcav-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-hcav-step-content\"\u003e\n          \u003ch3\u003eAppliquez l'hydrolat\u003c\/h3\u003e\n          \u003cp\u003eVersez quelques gouttes sur un coton ou vaporisez directement sur le visage et le cou.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-step\"\u003e\n        \u003cdiv class=\"soi-hcav-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-hcav-step-content\"\u003e\n          \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n          \u003cp\u003eSans rincer, laissez l'hydrolat agir puis appliquez votre crème ou huile de soin habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hcav-tip\"\u003e\n      \u003cdiv class=\"soi-hcav-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCet hydrolat peut également s'utiliser en massage du cuir chevelu pour purifier et apaiser les démangeaisons. Son parfum frais et subtilement citronné rend chaque geste agréable, dès le matin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003eComposition de l'hydrolat citron et aloe vera Najel\u003c\/h2\u003e\n    \u003cp\u003eLa force de cet hydrolat réside dans la simplicité et la pureté de sa formule :\u003c\/p\u003e\n    \u003cdiv class=\"soi-hcav-grid\"\u003e\n      \u003cdiv class=\"soi-hcav-card\"\u003e\n        \u003ch3\u003e🍋 Eau florale de citron (Citrus limon)\u003c\/h3\u003e\n        \u003cp\u003eActif principal : purifiant, astringent, éclairant et régulateur de sébum.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-card\"\u003e\n        \u003ch3\u003e🌱 Jus d'aloe vera (Aloe barbadensis)\u003c\/h3\u003e\n        \u003cp\u003eApaisant, hydratant, anti-inflammatoire naturel et réparateur cutané.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eLa formule est sans alcool, sans parfum de synthèse, sans conservateurs controversés. Elle convient aux peaux sensibles qui souhaitent bénéficier des bienfaits du citron sans risquer d'irritation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-hcav-compo\"\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eCosmos Organic (Ecocert), 99 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003e200 ml, flacon ambré avec capsule disc-top\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eMatin et soir, visage, cou, cuir chevelu\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n        \u003cspan class=\"soi-hcav-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-hcav-compo-value\"\u003eTous types de peaux, idéal peaux mixtes à grasses\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-hcav-accordion\"\u003e\n      \u003cdetails class=\"soi-hcav-accordion-item\"\u003e\n        \u003csummary class=\"soi-hcav-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-hcav-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique et ne se substitue pas à un avis ou traitement médical. En cas de doute sur une pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-hcav-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-hcav-cta-box\"\u003e\n      \u003cp class=\"soi-hcav-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, un geste à la fois\u003c\/p\u003e\n      \u003cp class=\"soi-hcav-cta-text\" style=\"color: white;\"\u003eLégère comme une eau de source, efficace comme un vrai soin : l'hydrolat citron et aloe vera de Najel purifie, illumine et apaise votre peau chaque jour, avec toute la douceur du naturel certifié bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-hcav-marine: #1A2D3D;\n  --soi-hcav-marine-dark: #0F1E2B;\n  --soi-hcav-marine-light: #2C4458;\n  --soi-hcav-pomme: #A1C544;\n  --soi-hcav-pomme-dark: #84A636;\n  --soi-hcav-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-hcav-white: #FFFFFF;\n  --soi-hcav-off-white: #F8FAF6;\n  --soi-hcav-stone: #F1F3EE;\n  --soi-hcav-line: #E5E8E0;\n\n  --soi-hcav-primary: #E8A020;\n  --soi-hcav-primary-soft: #FFF5E0;\n  --soi-hcav-accent: #D4883A;\n\n  --soi-hcav-text: #1A2D3D;\n  --soi-hcav-text-soft: #4A5B6B;\n  --soi-hcav-text-muted: #7B8693;\n\n  --soi-hcav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-hcav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-hcav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-hcav-radius: 12px;\n  --soi-hcav-radius-sm: 8px;\n  --soi-hcav-radius-pill: 999px;\n}\n\n.soi-hcav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hcav-fiche img { max-width: 100%; height: auto; }\n\n.soi-hcav-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-hcav-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-hcav-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hcav-hero {\n  position: relative;\n  background: var(--soi-hcav-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-hcav-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-hcav-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-hcav-pomme);\n}\n\n.soi-hcav-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-hcav-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-hcav-pomme);\n  border-radius: 50%;\n}\n\n.soi-hcav-hero-title {\n  display: block;\n  color: var(--soi-hcav-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-hcav-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-hcav-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-hcav-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-hcav-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-hcav-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-hcav-label-accent {\n  background: var(--soi-hcav-pomme);\n  border-color: var(--soi-hcav-pomme);\n  color: var(--soi-hcav-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hcav-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hcav-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-hcav-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-hcav-pomme);\n  border-radius: 2px;\n}\n\n.soi-hcav-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-hcav-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.soi-hcav-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-hcav-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-hcav-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hcav-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.soi-hcav-benefit {\n  background: var(--soi-hcav-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-hcav-radius);\n  border: 1px solid var(--soi-hcav-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hcav-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-hcav-shadow-md);\n}\n\n.soi-hcav-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-hcav-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-hcav-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-hcav-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-hcav-benefit:hover .soi-hcav-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-hcav-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hcav-benefit p {\n  font-size: 13px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hcav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1rem;\n}\n\n.soi-hcav-card {\n  background: var(--soi-hcav-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hcav-radius);\n  border-left: 3px solid var(--soi-hcav-pomme);\n}\n\n.soi-hcav-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-hcav-card p {\n  font-size: 14px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hcav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-hcav-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-hcav-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-hcav-radius);\n  border: 1px solid var(--soi-hcav-line);\n  align-items: flex-start;\n}\n\n.soi-hcav-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-hcav-marine);\n  color: var(--soi-hcav-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-hcav-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-hcav-step-content p {\n  font-size: 14px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-hcav-compo {\n  background: var(--soi-hcav-off-white);\n  border-radius: var(--soi-hcav-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-hcav-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-hcav-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-hcav-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-hcav-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-hcav-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-hcav-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-hcav-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hcav-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-hcav-pomme-light);\n  border-left: 4px solid var(--soi-hcav-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-hcav-radius) var(--soi-hcav-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-hcav-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-hcav-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-hcav-marine);\n  margin-bottom: 4px;\n}\n\n.soi-hcav-tip p {\n  font-size: 14px;\n  color: var(--soi-hcav-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hcav-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-hcav-accordion-item {\n  background: var(--soi-hcav-off-white);\n  border-radius: var(--soi-hcav-radius-sm);\n  border: 1px solid var(--soi-hcav-line);\n  overflow: hidden;\n}\n\n.soi-hcav-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-hcav-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-hcav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-hcav-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-hcav-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-hcav-accordion-item[open] .soi-hcav-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-hcav-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-hcav-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-hcav-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hcav-cta-box {\n  background: var(--soi-hcav-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-hcav-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-hcav-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-hcav-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-hcav-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-hcav-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-hcav-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-hcav-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-hcav-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-hcav-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-hcav-compo-value {\n    text-align: left;\n  }\n\n  .soi-hcav-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-hcav-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-hcav-fiche {\n    --soi-hcav-text-soft: #2C3E50;\n    --soi-hcav-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603662332234,"sku":"NJ0280","price":9.31,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/hydrolat-citron-et-aloe-vera-certifie-bio-najel-packshot.webp?v=1779640151"},{"product_id":"savon-dalep-ambre-et-oud-najel","title":"Savon d'Alep Ambre \u0026 Oud – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n  \u003csection class=\"soi-alep-hero\"\u003e\n    \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n      \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène \u0026amp; soin · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep ambre et oud\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon naturel héritier de 3 000 ans de savoir-faire, enrichi d'un parfum oriental chaud et envoûtant à l'ambre et au bois d'oud.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS SLS\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eSavon d'Alep ambre et oud Najel : le savon naturel aux 3 000 ans d'histoire\u003c\/h2\u003e\n    \u003cp\u003eIl existe des rituels qui traversent les siècles sans prendre une ride. Le \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e en fait partie. Fabriqué selon une recette millénaire à base d'\u003cstrong\u003ehuile d'olive\u003c\/strong\u003e et d'\u003cstrong\u003ehuile de baies de laurier\u003c\/strong\u003e, ce savon naturel est considéré comme le premier savon solide jamais créé, bien avant nos cosmétiques modernes.\u003c\/p\u003e\n    \u003cp\u003eNajel, maître savonnier depuis 1895, lui ajoute une touche de raffinement orientale : un \u003cstrong\u003eparfum ambre et oud\u003c\/strong\u003e chaud, boisé et envoûtant qui transforme votre douche en véritable rituel sensoriel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePourquoi le savon d'Alep est-il si précieux pour la peau ?\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eContrairement à beaucoup de savons industriels, le \u003cstrong\u003esavon d'Alep artisanal\u003c\/strong\u003e ne contient ni sulfate, ni conservateur de synthèse. Ses deux actifs clés font toute la différence :\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 L'huile d'olive\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit en profondeur, préserve l'élasticité cutanée et convient parfaitement aux peaux sèches ou sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 L'huile de baies de laurier\u003c\/h3\u003e\n        \u003cp\u003eIngrédient distinctif du vrai savon d'Alep, elle est reconnue pour ses propriétés apaisantes, purifiantes et régénératrices. Elle aide à soulager les peaux sujettes aux irritations, à l'acné, à l'eczéma ou au psoriasis.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eRésultat\u003c\/strong\u003e\n        \u003cp\u003eUn savon visage et corps qui nettoie sans agresser, hydrate sans graisser, et respecte le microbiome naturel de votre peau. De nombreux dermatologues le recommandent d'ailleurs pour les peaux réactives.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eL'ambre et le oud : un voyage olfactif au cœur de l'Orient\u003c\/h2\u003e\n    \u003cp\u003eCe qui rend cette version Najel particulièrement spéciale, c'est son parfum. Le \u003cstrong\u003ebois d'oud\u003c\/strong\u003e, aussi appelé \"bois des Dieux\", est l'une des fragrances les plus précieuses au monde : chaleureux, profond, légèrement fumé. Associé à l'ambre aux notes douces et résineuses, il enveloppe votre peau d'un sillage délicat qui persiste bien après le rinçage.\u003c\/p\u003e\n    \u003cp\u003eUn savon naturel qui sent aussi bon qu'un parfum de luxe oriental, c'est rare. Ici, c'est une réalité.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Najel ambre et oud\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-compo\"\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSodium olivate\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive saponifiée, base nourrissante principale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSodium laurate\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de baies de laurier saponifiée, actif apaisant et régénérant\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eAqua\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eEau\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eFragrance ambre et oud\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eSodium chloride\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eSel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eTetrasodium EDTA\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eAgent stabilisant\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🇸🇾\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eSyrie\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🕰️\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eSéchage\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eMin. 9 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧱\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eArtisanale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card-mini\"\u003e\n        \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⏳\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-card-mini-value\"\u003eDepuis 1895\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComment utiliser votre savon d'Alep visage et corps ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-timeline\"\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eVisage\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser le savon entre vos mains humides, appliquez délicatement en évitant le contour des yeux, puis rincez à l'eau tiède. Convient à tous les types de peau, y compris les peaux mixtes à tendance acnéique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eCorps et cheveux\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-le comme un savon classique sous la douche. Certains l'utilisent en shampooing solide sur cheveux normaux à gras, en insistant sur le cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-step\"\u003e\n        \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eLinge et armoires\u003c\/h3\u003e\n          \u003cp\u003eGlissez-le dans votre armoire à linge pour parfumer naturellement vos textiles avec un sillage ambre et oud subtil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-alep-tip\"\u003e\n      \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eConservez votre pain de savon sur un porte-savon bien drainé entre chaque utilisation pour prolonger sa durée de vie. Un pain de 185 g dure en moyenne 6 à 8 semaines avec une utilisation quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le savon d'Alep\u003c\/h2\u003e\n    \u003cdiv class=\"soi-alep-accordion\"\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e🧴 Le savon d'Alep est-il adapté aux peaux sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eOui, c'est même l'une de ses grandes forces. Sa douceur naturelle est appréciée par les peaux intolérantes aux savons classiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e🩺 Quel est l'avis des dermatologues sur le savon d'Alep ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eBeaucoup de dermatologues le conseillent comme alternative naturelle aux savons surgras industriels, notamment pour les peaux atopiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n        \u003csummary class=\"soi-alep-accordion-header\"\u003e⏱️ Quelle est la durée de vie d'un pain ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n          \u003cp\u003eUn pain de 185 g dure en moyenne 6 à 8 semaines avec une utilisation quotidienne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-alep-cta-box\"\u003e\n      \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003e3 000 ans de savoir-faire, un parfum d'exception\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur d'un savon millénaire et le luxe discret d'un sillage oriental qui vous accompagne bien après la douche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-alep-marine: #1A2D3D;\n  --soi-alep-marine-dark: #0F1E2B;\n  --soi-alep-marine-light: #2C4458;\n  --soi-alep-pomme: #A1C544;\n  --soi-alep-pomme-dark: #84A636;\n  --soi-alep-pomme-light: rgba(161,197,68,0.10);\n  --soi-alep-white: #FFFFFF;\n  --soi-alep-off-white: #F8FAF6;\n  --soi-alep-stone: #F1F3EE;\n  --soi-alep-line: #E5E8E0;\n  --soi-alep-primary: #2A6B5A;\n  --soi-alep-primary-soft: #E8F2EE;\n  --soi-alep-accent: #D4A52A;\n  --soi-alep-text: #1A2D3D;\n  --soi-alep-text-soft: #4A5B6B;\n  --soi-alep-text-muted: #7B8693;\n  --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-alep-radius: 12px;\n  --soi-alep-radius-sm: 8px;\n  --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-alep-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n  position: relative;\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-alep-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-alep-pomme);\n  border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n  display: block;\n  color: var(--soi-alep-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-alep-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-alep-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n  background: var(--soi-alep-pomme);\n  border-color: var(--soi-alep-pomme);\n  color: var(--soi-alep-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-alep-pomme);\n  border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-alep-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-alep-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-alep-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n  background: var(--soi-alep-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-alep-card-mini {\n  background: var(--soi-alep-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-alep-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-alep-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-alep-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-alep-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-alep-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-alep-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-alep-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-alep-radius);\n  border: 1px solid var(--soi-alep-line);\n  align-items: flex-start;\n}\n\n.soi-alep-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-alep-marine);\n  color: var(--soi-alep-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-alep-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-alep-pomme-light);\n  border-left: 4px solid var(--soi-alep-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-alep-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n  font-size: 14px;\n  color: var(--soi-alep-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-alep-accordion-item {\n  background: var(--soi-alep-off-white);\n  border-radius: var(--soi-alep-radius-sm);\n  border: 1px solid var(--soi-alep-line);\n  overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-alep-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-alep-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-alep-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-alep-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n  background: var(--soi-alep-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-alep-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-alep-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-alep-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-alep-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-alep-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-alep-compo-value {\n    text-align: left;\n  }\n\n  .soi-alep-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-alep-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-alep-fiche {\n    --soi-alep-text-soft: #2C3E50;\n    --soi-alep-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663085898,"sku":"NJ0070","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-ambre-et-oud-najel-packshot.webp?v=1779627527"}],"url":"https:\/\/www.soinature.com\/collections\/cosmetiques-soins-cheveux.oembed?page=2","provider":"Soinature","version":"1.0","type":"link"}