{"title":"Prendre soin de ses 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":"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":"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":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n  \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n    \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène capillaire · Le Gang des Bulles\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n  \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n    \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n  \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n  \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n  \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n  \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbg-benefits\"\u003e\n    \u003cdiv class=\"soi-shbg-benefit\"\u003e\n      \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n      \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-benefit\"\u003e\n      \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n      \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-benefit\"\u003e\n      \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n      \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbg-timeline\"\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n        \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n        \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n  \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n  \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\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  \u003cdiv class=\"soi-shbg-compo\"\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbg-grid\"\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n      \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n      \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n      \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003cdiv class=\"soi-shbg-accordion\"\u003e\n    \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n      \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n    \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shbg-marine: #1A2D3D;\n  --soi-shbg-marine-dark: #0F1E2B;\n  --soi-shbg-marine-light: #2C4458;\n  --soi-shbg-pomme: #A1C544;\n  --soi-shbg-pomme-dark: #84A636;\n  --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shbg-white: #FFFFFF;\n  --soi-shbg-off-white: #F8FAF6;\n  --soi-shbg-stone: #F1F3EE;\n  --soi-shbg-line: #E5E8E0;\n\n  --soi-shbg-primary: #7AAD4A;\n  --soi-shbg-primary-soft: #D4E8C2;\n  --soi-shbg-accent: #C8A84E;\n\n  --soi-shbg-text: #1A2D3D;\n  --soi-shbg-text-soft: #4A5B6B;\n  --soi-shbg-text-muted: #7B8693;\n\n  --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shbg-radius: 12px;\n  --soi-shbg-radius-sm: 8px;\n  --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shbg-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shbg-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n  position: relative;\n  background: var(--soi-shbg-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-shbg-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-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-shbg-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shbg-pomme);\n  border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n  display: block;\n  color: var(--soi-shbg-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-shbg-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-shbg-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shbg-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-shbg-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shbg-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n  background: var(--soi-shbg-pomme);\n  border-color: var(--soi-shbg-pomme);\n  color: var(--soi-shbg-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shbg-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-shbg-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shbg-pomme);\n  border-radius: 2px;\n}\n\n.soi-shbg-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shbg-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n  background: var(--soi-shbg-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shbg-radius-sm);\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n  background: var(--soi-shbg-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shbg-radius);\n  border: 1px solid var(--soi-shbg-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shbg-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-shbg-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shbg-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n  font-size: 13px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shbg-card {\n  background: var(--soi-shbg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbg-radius);\n  border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n  font-size: 14px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shbg-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shbg-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbg-radius);\n  border: 1px solid var(--soi-shbg-line);\n  align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shbg-marine);\n  color: var(--soi-shbg-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-shbg-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n  font-size: 14px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n  background: var(--soi-shbg-off-white);\n  border-radius: var(--soi-shbg-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-shbg-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-shbg-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shbg-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shbg-marine);\n  text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n  background: var(--soi-shbg-off-white);\n  border-radius: var(--soi-shbg-radius-sm);\n  border: 1px solid var(--soi-shbg-line);\n  overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shbg-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-shbg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shbg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shbg-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n  background: var(--soi-shbg-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shbg-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shbg-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-shbg-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-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-shbg-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shbg-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-shbg-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shbg-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shbg-compo-value {\n    text-align: left;\n  }\n\n  .soi-shbg-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shbg-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shbg-fiche {\n    --soi-shbg-text-soft: #2C3E50;\n    --soi-shbg-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543"},{"product_id":"shampoing-bio-cheveux-normaux-argile-eau-thermale","title":"Shampoing cheveux normaux certifié bio - Argile \u0026 Eau Thermale","description":"\n\u003cdiv class=\"soi-sharg-fiche\"\u003e\n\n\u003csection class=\"soi-sharg-hero\"\u003e\n\u003cdiv class=\"soi-sharg-hero-tag\"\u003e\n\u003cspan class=\"soi-sharg-tag-dot\"\u003e\u003c\/span\u003e\nSoin capillaire · Ciel d'Azur Labs\n\u003c\/div\u003e\n\u003cspan class=\"soi-sharg-hero-title\"\u003eShampoing cheveux normaux certifié bio\u003c\/span\u003e\n\u003cp class=\"soi-sharg-hero-subtitle\"\u003eArgile blanche et eau thermale de Provence pour un nettoyage doux, équilibrant et respectueux de vos cheveux au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"soi-sharg-hero-labels\"\u003e\n\u003cspan class=\"soi-sharg-label soi-sharg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003eSANS SULFATES\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003eBIO\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-label\"\u003e500 ML\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003ePourquoi ce shampoing bio fait la différence pour les cheveux normaux\u003c\/h2\u003e\n\u003cp\u003eLes cheveux normaux sont souvent mal servis par les formules conventionnelles : trop décapantes à cause des sulfates, ou trop alourdissantes par excès de silicones. Ce shampoing Ciel d'Azur Labs adopte une approche différente. Sans sulfates et sans silicones, sa formule respecte le film hydrolipidique naturel de votre cuir chevelu tout en éliminant efficacement les impuretés et l'excès de sébum.\u003c\/p\u003e\n\u003cp\u003eLe résultat se ressent dès le premier lavage : des cheveux légers, brillants, qui conservent leur fraîcheur plus longtemps entre deux shampoings. Une vraie différence pour celles et ceux qui recherchent un soin capillaire bio sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eLes actifs clés : argile blanche, eau thermale et fleur de lavande\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-benefits\"\u003e\n\u003cdiv class=\"soi-sharg-benefit\"\u003e\n\u003cdiv class=\"soi-sharg-benefit-icon\"\u003e\u003cspan\u003e🕊️\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eArgile blanche à 5 %\u003c\/h3\u003e\n\u003cp\u003ePurifiante et absorbante, elle régule le pH du cuir chevelu, prévient les pellicules et capte les résidus sans dessécher la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-benefit\"\u003e\n\u003cdiv class=\"soi-sharg-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEau thermale de Digne-les-Bains\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, elle revitalise la fibre capillaire, apporte de l'éclat et renforce la résistance naturelle de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-benefit\"\u003e\n\u003cdiv class=\"soi-sharg-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEau florale de lavande bio\u003c\/h3\u003e\n\u003cp\u003eApaisante et équilibrante, elle calme les irritations du cuir chevelu et laisse un léger parfum naturel après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampoing bio au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-timeline\"\u003e\n\u003cdiv class=\"soi-sharg-step\"\u003e\n\u003cdiv class=\"soi-sharg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step-content\"\u003e\n\u003ch3\u003eAppliquer et masser\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés et massez doucement le cuir chevelu avec le bout des doigts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step\"\u003e\n\u003cdiv class=\"soi-sharg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step-content\"\u003e\n\u003ch3\u003eLaisser poser\u003c\/h3\u003e\n\u003cp\u003eLaissez agir 1 à 2 minutes pour que l'argile blanche puisse agir pleinement sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step\"\u003e\n\u003cdiv class=\"soi-sharg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-step-content\"\u003e\n\u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau tiède. Un après-shampoing bio peut compléter le soin si vos pointes en ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-tip\"\u003e\n\u003cdiv class=\"soi-sharg-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePour une transition en douceur vers les formules sans sulfates, comptez 2 à 3 semaines d'adaptation, le temps que votre cuir chevelu retrouve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eComposition complète du shampoing\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-compo\"\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003eCosmos Organic par Cosmébio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eFabrication\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003eFrance (Provence)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eContenance\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003e500 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eArgile blanche (Kaolin)\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value\"\u003e5 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-compo-row\"\u003e\n\u003cspan class=\"soi-sharg-compo-label\"\u003eListe INCI\u003c\/span\u003e\n\u003cspan class=\"soi-sharg-compo-value soi-sharg-compo-inci\"\u003eAqua (eau thermale), Sodium Cocoyl Isethionate, Coco-Glucoside, Glycerin (bio), Kaolin (argile blanche 5 %), Lavandula Angustifolia Flower Water (eau florale de lavande bio), Panthenol (provitamine B5), Citric Acid, Parfum naturel, Sodium Benzoate, Potassium Sorbate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003ch2\u003eLes engagements qui font la différence\u003c\/h2\u003e\n\u003cdiv class=\"soi-sharg-grid\"\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eLabel exigeant délivré par Cosmébio, garantie d'une formule véritablement bio, composée d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e🧴 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003eUn nettoyage doux qui respecte le cuir chevelu et convient aux personnes sensibles aux tensioactifs agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eFormulé en Provence, avec des matières premières traçables et un savoir-faire local valorisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-sharg-card\"\u003e\n\u003ch3\u003e📦 Format 500 ml économique\u003c\/h3\u003e\n\u003cp\u003eUn grand format pour toute la famille, avec un rapport qualité\/prix réel par rapport aux petits flacons classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\"\u003e\n\u003cdiv class=\"soi-sharg-accordion\"\u003e\n\u003cdetails class=\"soi-sharg-accordion-item\"\u003e\n\u003csummary class=\"soi-sharg-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"soi-sharg-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 problème capillaire persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-sharg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-sharg-cta-box\"\u003e\n\u003cp class=\"soi-sharg-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, se laver en conscience\u003c\/p\u003e\n\u003cp class=\"soi-sharg-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux un shampoing bio formulé en Provence, à l'argile blanche et à l'eau thermale de Digne-les-Bains : douceur, légèreté et éclat à chaque lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-sharg-marine: #1A2D3D;\n  --soi-sharg-marine-dark: #0F1E2B;\n  --soi-sharg-marine-light: #2C4458;\n  --soi-sharg-pomme: #A1C544;\n  --soi-sharg-pomme-dark: #84A636;\n  --soi-sharg-pomme-light: rgba(161,197,68,0.10);\n  --soi-sharg-white: #FFFFFF;\n  --soi-sharg-off-white: #F8FAF6;\n  --soi-sharg-stone: #F1F3EE;\n  --soi-sharg-line: #E5E8E0;\n  --soi-sharg-primary: #8CC5B0;\n  --soi-sharg-primary-soft: #B5DACE;\n  --soi-sharg-accent: #C8B99A;\n  --soi-sharg-text: #1A2D3D;\n  --soi-sharg-text-soft: #4A5B6B;\n  --soi-sharg-text-muted: #7B8693;\n  --soi-sharg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-sharg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-sharg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-sharg-radius: 12px;\n  --soi-sharg-radius-sm: 8px;\n  --soi-sharg-radius-pill: 999px;\n}\n\n.soi-sharg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-sharg-fiche img { max-width: 100%; height: auto; }\n\n.soi-sharg-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-sharg-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-sharg-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-sharg-hero {\n  position: relative;\n  background: var(--soi-sharg-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-sharg-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-sharg-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-sharg-pomme);\n}\n\n.soi-sharg-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-sharg-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-sharg-pomme);\n  border-radius: 50%;\n}\n\n.soi-sharg-hero-title {\n  display: block;\n  color: var(--soi-sharg-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-sharg-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-sharg-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-sharg-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-sharg-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-sharg-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-sharg-label-accent {\n  background: var(--soi-sharg-pomme);\n  border-color: var(--soi-sharg-pomme);\n  color: var(--soi-sharg-marine);\n  font-weight: 600;\n}\n\n.soi-sharg-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-sharg-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-sharg-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-sharg-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-sharg-pomme);\n  border-radius: 2px;\n}\n\n.soi-sharg-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-sharg-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-sharg-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-sharg-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-sharg-benefit {\n  background: var(--soi-sharg-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-sharg-radius);\n  border: 1px solid var(--soi-sharg-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-sharg-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-sharg-shadow-md);\n}\n\n.soi-sharg-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-sharg-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-sharg-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-sharg-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-sharg-benefit:hover .soi-sharg-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-sharg-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sharg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sharg-benefit p {\n  font-size: 13px;\n  color: var(--soi-sharg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sharg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-sharg-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-sharg-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sharg-radius);\n  border: 1px solid var(--soi-sharg-line);\n  align-items: flex-start;\n}\n\n.soi-sharg-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-sharg-marine);\n  color: var(--soi-sharg-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-sharg-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-sharg-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-sharg-step-content p {\n  font-size: 14px;\n  color: var(--soi-sharg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sharg-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-sharg-pomme-light);\n  border-left: 4px solid var(--soi-sharg-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-sharg-radius) var(--soi-sharg-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-sharg-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-sharg-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-sharg-marine);\n  margin-bottom: 4px;\n}\n\n.soi-sharg-tip p {\n  font-size: 14px;\n  color: var(--soi-sharg-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sharg-compo {\n  background: var(--soi-sharg-off-white);\n  border-radius: var(--soi-sharg-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-sharg-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-sharg-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-sharg-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-sharg-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-sharg-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-sharg-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-sharg-marine);\n  text-align: right;\n}\n\n.soi-sharg-compo-inci {\n  font-size: 12px;\n  font-weight: 400;\n  font-style: italic;\n  color: var(--soi-sharg-text-soft);\n  line-height: 1.6;\n  text-align: right;\n  max-width: 70%;\n}\n\n.soi-sharg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-sharg-card {\n  background: var(--soi-sharg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-sharg-radius);\n  border-left: 3px solid var(--soi-sharg-pomme);\n}\n\n.soi-sharg-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-sharg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-sharg-card p {\n  font-size: 14px;\n  color: var(--soi-sharg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sharg-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-sharg-accordion-item {\n  background: var(--soi-sharg-off-white);\n  border-radius: var(--soi-sharg-radius-sm);\n  border: 1px solid var(--soi-sharg-line);\n  overflow: hidden;\n}\n\n.soi-sharg-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-sharg-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-sharg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-sharg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-sharg-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-sharg-accordion-item[open] .soi-sharg-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-sharg-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-sharg-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-sharg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-sharg-cta-box {\n  background: var(--soi-sharg-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-sharg-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-sharg-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-sharg-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-sharg-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-sharg-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-sharg-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-sharg-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-sharg-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-sharg-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-sharg-compo-value {\n    text-align: left;\n  }\n\n  .soi-sharg-compo-inci {\n    text-align: left;\n    max-width: 100%;\n  }\n\n  .soi-sharg-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-sharg-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-sharg-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-sharg-fiche {\n    --soi-sharg-text-soft: #2C3E50;\n    --soi-sharg-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Argile \u0026 Eau Thermale","offers":[{"title":"Default Title","offer_id":61603438395722,"sku":"ET0020","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-cheveux-normaux-certifie-bio-argile-eau-thermale-packshot_ce787dd2-93c7-4cd5-8925-341f6de469b9.webp?v=1779452589"},{"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":"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":"shampooing-solide-certifie-bio-najel","title":"Shampooing solide certifié bio – Najel","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-shmp-hero\"\u003e\n    \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n      \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n      Soin cheveux · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing solide certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-shmp-hero-subtitle\"\u003eSouplesse et brillance pour vos cheveux normaux, avec le beurre de karité bio et l'huile d'olive bio. Format solide, fabriqué en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n      \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003e99 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Format solide --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eUn shampooing solide bio : pourquoi choisir le format solide ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à un shampooing liquide classique, le format solide contient \u003cstrong\u003e96 % d'eau en moins\u003c\/strong\u003e lors de sa fabrication. Résultat : une formule ultra concentrée, plus longue à l'usage, sans emballage plastique, et idéale pour voyager sans contrainte. Un seul pain équivaut en moyenne à deux ou trois flacons de shampooing liquide. Pratique, économique et vraiment écoresponsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Actifs clés --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eLes actifs clés : karité bio et huile d'olive bio\u003c\/h2\u003e\n    \u003cp class=\"soi-shmp-section-intro\"\u003eChez Najel, la sélection des ingrédients n'est pas laissée au hasard. Ce shampooing solide bio s'appuie sur deux actifs naturels complémentaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-grid\"\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eIssue de la pression des olives, elle nourrit les fibres capillaires en profondeur, renforce la résistance du cheveu et apporte une brillance naturelle visible dès le premier lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour sa richesse en acides gras, il gaine le cheveu, limite les frisottis et laisse une sensation de douceur persistante après le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shmp-compo\"\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eSulfate agressif, silicone occlusif\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Pour qui --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce shampooing solide bio Najel ?\u003c\/h2\u003e\n    \u003cp\u003eCe soin est spécifiquement formulé pour les \u003cstrong\u003echeveux normaux\u003c\/strong\u003e, ni trop secs, ni trop gras. Si vous cherchez à maintenir un équilibre capillaire sain tout en apportant légèreté et brillance à votre chevelure, vous êtes exactement dans la cible. Il convient aussi bien aux adultes qu'aux enfants, et peut accompagner toute la famille au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eComment utiliser votre shampooing solide ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-timeline\"\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eMouiller\u003c\/h3\u003e\n          \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eFrottez le pain directement sur le cuir chevelu ou entre vos mains pour créer une mousse onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pendant quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eRincer et conserver\u003c\/h3\u003e\n          \u003cp\u003eRincez soigneusement à l'eau claire et laissez sécher à l'air libre sur un porte-savon.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shmp-tip\"\u003e\n      \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour optimiser la tenue du pain, conservez-le dans un endroit sec entre chaque utilisation. Un porte-savon drainant prolonge significativement sa durée de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Engagement qualité --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eUn engagement qualité signé Najel, fabriqué en France\u003c\/h2\u003e\n    \u003cp\u003eLe \u003cstrong\u003eLaboratoire Najjar\u003c\/strong\u003e, maison française reconnue pour son expertise en cosmétiques naturels, fabrique ce shampooing solide dans le respect des standards les plus exigeants. La certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e atteste d'une composition contrôlée, transparente et respectueuse des écosystèmes. Aucune promesse vide : chaque ingrédient a sa raison d'être.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Ce que vous y gagnez --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eCe que vous y gagnez au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-benefits\"\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSouplesse et brillance\u003c\/h3\u003e\n        \u003cp\u003eDes cheveux souples, brillants et équilibrés dès les premières utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGeste écoresponsable\u003c\/h3\u003e\n        \u003cp\u003eMoins d'eau à la fabrication, zéro plastique. Un geste concret pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCompact et léger\u003c\/h3\u003e\n        \u003cp\u003eUn format pratique pour voyager sans contrainte, sans risque de fuite.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n        \u003cp\u003eUne formule certifiée Cosmos Organic, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e💰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉconomique\u003c\/h3\u003e\n        \u003cp\u003eUn rapport qualité-prix avantageux grâce à la longue durée d'utilisation, équivalent à deux ou trois flacons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Accordéon : Précautions --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003cdiv class=\"soi-shmp-accordion\"\u003e\n      \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n        \u003csummary class=\"soi-shmp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire persistant.\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-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n      \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eFini les compromis entre efficacité et conscience écologique. Le shampooing solide bio Najel prend soin de vos cheveux avec des actifs certifiés bio, fabriqués en France. Un geste simple pour une chevelure rayonnante.\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-shmp-marine: #1A2D3D;\n  --soi-shmp-marine-dark: #0F1E2B;\n  --soi-shmp-marine-light: #2C4458;\n  --soi-shmp-pomme: #A1C544;\n  --soi-shmp-pomme-dark: #84A636;\n  --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-shmp-white: #FFFFFF;\n  --soi-shmp-off-white: #F8FAF6;\n  --soi-shmp-stone: #F1F3EE;\n  --soi-shmp-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging bleu ciel Najel) === *\/\n  --soi-shmp-primary: #5BA3C0;\n  --soi-shmp-primary-soft: #D6EBF3;\n  --soi-shmp-accent: #7BBAD4;\n\n  \/* === Textes === *\/\n  --soi-shmp-text: #1A2D3D;\n  --soi-shmp-text-soft: #4A5B6B;\n  --soi-shmp-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shmp-radius: 12px;\n  --soi-shmp-radius-sm: 8px;\n  --soi-shmp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shmp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shmp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shmp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n  position: relative;\n  background: var(--soi-shmp-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-shmp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-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-shmp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shmp-pomme);\n  border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n  display: block;\n  color: var(--soi-shmp-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-shmp-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-shmp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shmp-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-shmp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shmp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n  background: var(--soi-shmp-pomme);\n  border-color: var(--soi-shmp-pomme);\n  color: var(--soi-shmp-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shmp-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-shmp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shmp-pomme);\n  border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shmp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shmp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shmp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n  background: var(--soi-shmp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shmp-radius);\n  border: 1px solid var(--soi-shmp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shmp-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-shmp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shmp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n  font-size: 13px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-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-shmp-card {\n  background: var(--soi-shmp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shmp-radius);\n  border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shmp-compo {\n  background: var(--soi-shmp-off-white);\n  border-radius: var(--soi-shmp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shmp-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-shmp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shmp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shmp-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shmp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shmp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shmp-radius);\n  border: 1px solid var(--soi-shmp-line);\n  align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shmp-marine);\n  color: var(--soi-shmp-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-shmp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shmp-pomme-light);\n  border-left: 4px solid var(--soi-shmp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shmp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n  font-size: 14px;\n  color: var(--soi-shmp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shmp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shmp-accordion-item {\n  background: var(--soi-shmp-off-white);\n  border-radius: var(--soi-shmp-radius-sm);\n  border: 1px solid var(--soi-shmp-line);\n  overflow: hidden;\n}\n\n.soi-shmp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shmp-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-shmp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shmp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shmp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shmp-accordion-item[open] .soi-shmp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shmp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shmp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n  background: var(--soi-shmp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shmp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shmp-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-shmp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-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-shmp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shmp-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-shmp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shmp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shmp-compo-value {\n    text-align: left;\n  }\n\n  .soi-shmp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shmp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shmp-fiche {\n    --soi-shmp-text-soft: #2C3E50;\n    --soi-shmp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635396938,"sku":"NJ0025","price":7.27,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-solide-certifie-bio-najel-packshot.webp?v=1779437243"},{"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":"masque-cheveux-demelant-beurre-de-karite-certifie-bio-najel","title":"Masque Cheveux Démêlant - Karité \u0026 Olive Bio - Najel","description":"\u003cdiv class=\"soi-mskr-fiche\"\u003e\n\n\u003csection class=\"soi-mskr-hero\"\u003e\n\u003cdiv class=\"soi-mskr-hero-tag\"\u003e\n\u003cspan class=\"soi-mskr-tag-dot\"\u003e\u003c\/span\u003e\nSoin cheveux · Najel\n\u003c\/div\u003e\n\u003cspan class=\"soi-mskr-hero-title\"\u003eMasque cheveux démêlant beurre de karité certifié bio\u003c\/span\u003e\n\u003cp class=\"soi-mskr-hero-subtitle\"\u003eNourrit en profondeur, facilite le démêlage et restitue une brillance naturelle, sans alourdir la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-hero-labels\"\u003e\n\u003cspan class=\"soi-mskr-label soi-mskr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-label\"\u003e99 % NATUREL\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-label\"\u003eVEGAN\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-label\"\u003eSANS PARFUM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003ePourquoi ce masque karité cheveux fait la différence\u003c\/h2\u003e\n\u003cp class=\"soi-mskr-section-intro\"\u003eContrairement à beaucoup de masques génériques, celui de Najel mise sur une synergie d'actifs bio complémentaires, chacun avec un rôle précis.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-benefits\"\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eVéritable cœur de la formule, il pénètre la fibre capillaire pour la nourrir, la réparer et lui redonner de l'élasticité. Idéal pour les cheveux secs, cassants ou frisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eProtège et renforce la surface du cheveu, réduit les frisottis et apporte de la brillance sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile de baies de laurier bio\u003c\/h3\u003e\n\u003cp\u003eAux vertus réparatrices reconnues, elle soutient la kératine naturelle et protège des agressions thermiques et environnementales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEau de margine bio\u003c\/h3\u003e\n\u003cp\u003eActif antioxydant issu du massif des Alpilles, récupéré lors de l'extraction de l'huile d'olive. Un ingrédient rare, éco-responsable et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-tip\"\u003e\n\u003cdiv class=\"soi-mskr-tip-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n\u003cp\u003eLa glycérine bio, également présente dans la formule, attire l'humidité et facilite considérablement le démêlage, réduisant la casse au peigne ou à la brosse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce masque capillaire au beurre de karité ?\u003c\/h2\u003e\n\u003cp class=\"soi-mskr-section-intro\"\u003eCe soin convient à tous types de cheveux, mais il sera particulièrement précieux pour certains profils capillaires.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-grid\"\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🔥 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eQue ce soit par la chaleur, la coloration ou les traitements chimiques, vos cheveux retrouvent nutrition et vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🌀 Boucles et cheveux frisés\u003c\/h3\u003e\n\u003cp\u003eSi vos cheveux ont tendance à se nouer et manquent de définition, ce masque facilite le démêlage et redessine les boucles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n\u003cp\u003eVous avez besoin de nutrition sans alourdir ? La formule nourrit en profondeur tout en préservant la légèreté de votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🧴 Cuir chevelu sensible\u003c\/h3\u003e\n\u003cp\u003eLa formule sans parfum et vegan respecte les cuirs chevelus les plus réactifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eComment bien utiliser ce masque cheveux karité\u003c\/h2\u003e\n\u003cdiv class=\"soi-mskr-timeline\"\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n\u003cp\u003eAprès le shampooing, essorez légèrement vos cheveux sans trop les frotter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eAppliquez le masque sur les longueurs et les pointes, en évitant les racines si vous avez les cheveux gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003eLaissez poser 5 à 10 minutes, ou plus longtemps pour un soin intensif sous une serviette chaude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eRincez et coiffez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Démêlez facilement et coiffez comme à votre habitude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-tip\"\u003e\n\u003cdiv class=\"soi-mskr-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eFréquence conseillée : 1 à 2 fois par semaine selon l'état de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eComposition du masque karité cheveux Najel\u003c\/h2\u003e\n\u003cp class=\"soi-mskr-section-intro\"\u003eFormule certifiée Cosmos Organic, 99 % d'ingrédients d'origine naturelle, vegan, sans parfum synthétique.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-compo\"\u003e\n\u003cdiv class=\"soi-mskr-compo-row\"\u003e\n\u003cspan class=\"soi-mskr-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-compo-row\"\u003e\n\u003cspan class=\"soi-mskr-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-compo-value\"\u003e99 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-compo-row\"\u003e\n\u003cspan class=\"soi-mskr-compo-label\"\u003eProfil\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-compo-value\"\u003eVegan · Sans parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-accordion\"\u003e\n\u003cdetails class=\"soi-mskr-accordion-item\"\u003e\n\u003csummary class=\"soi-mskr-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"soi-mskr-accordion-content\"\u003e\n\u003cp\u003eOlea Europaea Fruit Water*, Cetearyl Alcohol, Butyrospermum Parkii Butter*, Glycerin*, Olea Europaea Fruit Oil*, Laurus Nobilis Fruit Oil*, Cetrimonium Chloride, Xanthan Gum, Citric Acid.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eCe que vous obtenez concrètement\u003c\/h2\u003e\n\u003cdiv class=\"soi-mskr-grid\"\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e✨ Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eVos cheveux sont nettement plus faciles à démêler, avec moins de casse au peigne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e💎 Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eUne brillance visible dès le premier rinçage, sans effet artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🪶 Souplesse et légèreté\u003c\/h3\u003e\n\u003cp\u003eDes longueurs souples et légères, sans effet pesant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🛡️ Fibre renforcée\u003c\/h3\u003e\n\u003cp\u003eUne fibre plus résistante aux agressions quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eUn soin respectueux de l'environnement, avec un actif upcyclé et une certification bio reconnue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-mskr-cta-box\"\u003e\n\u003cp class=\"soi-mskr-cta-tag\" style=\"color: white;\"\u003ePrendre soin de ses cheveux, naturellement\u003c\/p\u003e\n\u003cp class=\"soi-mskr-cta-text\" style=\"color: white;\"\u003ePrenez soin de vos cheveux avec ce qu'il y a de plus pur. Souplesse retrouvée, brillance naturelle, démêlage facilité, le tout sans compromis sur la qualité des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-mskr-marine: #1A2D3D;\n  --soi-mskr-marine-dark: #0F1E2B;\n  --soi-mskr-marine-light: #2C4458;\n  --soi-mskr-pomme: #A1C544;\n  --soi-mskr-pomme-dark: #84A636;\n  --soi-mskr-pomme-light: rgba(161,197,68,0.10);\n  --soi-mskr-white: #FFFFFF;\n  --soi-mskr-off-white: #F8FAF6;\n  --soi-mskr-stone: #F1F3EE;\n  --soi-mskr-line: #E5E8E0;\n  --soi-mskr-primary: #B07D4A;\n  --soi-mskr-primary-soft: #C9A87A;\n  --soi-mskr-accent: #6B7D3E;\n  --soi-mskr-text: #1A2D3D;\n  --soi-mskr-text-soft: #4A5B6B;\n  --soi-mskr-text-muted: #7B8693;\n  --soi-mskr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-mskr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-mskr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-mskr-radius: 12px;\n  --soi-mskr-radius-sm: 8px;\n  --soi-mskr-radius-pill: 999px;\n}\n\n.soi-mskr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mskr-fiche img { max-width: 100%; height: auto; }\n\n.soi-mskr-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-mskr-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-mskr-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-mskr-hero {\n  position: relative;\n  background: var(--soi-mskr-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-mskr-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-mskr-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-mskr-pomme);\n}\n\n.soi-mskr-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-mskr-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-mskr-pomme);\n  border-radius: 50%;\n}\n\n.soi-mskr-hero-title {\n  display: block;\n  color: var(--soi-mskr-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-mskr-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-mskr-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-mskr-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-mskr-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-mskr-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-mskr-label-accent {\n  background: var(--soi-mskr-pomme);\n  border-color: var(--soi-mskr-pomme);\n  color: var(--soi-mskr-marine);\n  font-weight: 600;\n}\n\n.soi-mskr-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mskr-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-mskr-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-mskr-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-mskr-pomme);\n  border-radius: 2px;\n}\n\n.soi-mskr-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-mskr-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-mskr-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-mskr-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-mskr-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mskr-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-mskr-benefit {\n  background: var(--soi-mskr-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-mskr-radius);\n  border: 1px solid var(--soi-mskr-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mskr-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-mskr-shadow-md);\n}\n\n.soi-mskr-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-mskr-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-mskr-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-mskr-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-mskr-benefit:hover .soi-mskr-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-mskr-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mskr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mskr-benefit p {\n  font-size: 13px;\n  color: var(--soi-mskr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mskr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-mskr-card {\n  background: var(--soi-mskr-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mskr-radius);\n  border-left: 3px solid var(--soi-mskr-pomme);\n}\n\n.soi-mskr-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-mskr-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-mskr-card p {\n  font-size: 14px;\n  color: var(--soi-mskr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mskr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-mskr-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-mskr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-mskr-radius);\n  border: 1px solid var(--soi-mskr-line);\n  align-items: flex-start;\n}\n\n.soi-mskr-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-mskr-marine);\n  color: var(--soi-mskr-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-mskr-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-mskr-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-mskr-step-content p {\n  font-size: 14px;\n  color: var(--soi-mskr-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mskr-compo {\n  background: var(--soi-mskr-off-white);\n  border-radius: var(--soi-mskr-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-mskr-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-mskr-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-mskr-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-mskr-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-mskr-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-mskr-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-mskr-marine);\n  text-align: right;\n}\n\n.soi-mskr-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-mskr-pomme-light);\n  border-left: 4px solid var(--soi-mskr-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-mskr-radius) var(--soi-mskr-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-mskr-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-mskr-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-mskr-marine);\n  margin-bottom: 4px;\n}\n\n.soi-mskr-tip p {\n  font-size: 14px;\n  color: var(--soi-mskr-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-mskr-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-mskr-accordion-item {\n  background: var(--soi-mskr-off-white);\n  border-radius: var(--soi-mskr-radius-sm);\n  border: 1px solid var(--soi-mskr-line);\n  overflow: hidden;\n}\n\n.soi-mskr-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-mskr-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-mskr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-mskr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-mskr-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-mskr-accordion-item[open] .soi-mskr-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-mskr-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-mskr-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-mskr-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-mskr-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-mskr-cta-box {\n  background: var(--soi-mskr-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-mskr-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-mskr-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-mskr-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-mskr-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-mskr-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-mskr-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-mskr-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-mskr-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-mskr-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-mskr-compo-value {\n    text-align: left;\n  }\n\n  .soi-mskr-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-mskr-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-mskr-fiche {\n    --soi-mskr-text-soft: #2C3E50;\n    --soi-mskr-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603653386570,"sku":"NJ0170","price":13.82,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-cheveux-demelant-beurre-de-karite-certifie-bio-najel-packshot.webp?v=1779633600"},{"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"},{"product_id":"savon-dalep-rhassoul-argan-najel","title":"Savon d'Alep Rhassoul \u0026 Argan – 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 Rhassoul \u0026amp; Argan\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurification profonde et éclat naturel : plus de 3 000 ans de savoir-faire réunis dans un savon enrichi à l'argile marocaine et à l'huile d'argan.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n      \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATE\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 1 : Introduction --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eSavon d'Alep Rhassoul \u0026amp; Argan Najel : purification profonde et éclat naturel\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 syrienne d'Alep. La maison Najel, fondée en 1895 par la famille Al Najjar, perpétue ce savoir-faire artisanal avec une exigence rare. Cette version enrichie au rhassoul et à l'huile d'argan va encore plus loin : elle associe la puissance purifiante de l'argile marocaine à la richesse nourrissante de l'or liquide du Maroc, pour un teint véritablement lumineux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 : Composition --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Rhassoul \u0026amp; Argan\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eCe savon artisanal repose sur une formule 100 % naturelle, sans sulfate ni paraben, pensée pour respecter même les peaux les plus réactives.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive vierge\u003c\/h3\u003e\n        \u003cp\u003eBase traditionnelle du savon d'Alep, elle nourrit, adoucit et protège le film hydrolipidique naturel de la peau.\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'ingrédient signature du vrai savon d'Alep. Apaisante, antibactérienne et cicatrisante, elle convient aussi aux peaux sensibles et aux peaux sujettes aux imperfections.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🏔️ Rhassoul (argile du Moyen Atlas)\u003c\/h3\u003e\n        \u003cp\u003eArgile minérale marocaine reconnue pour ses propriétés absorbantes. Elle capte les impuretés, réduit les excès de sébum et resserre les pores visiblement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e✨ Huile d'argan\u003c\/h3\u003e\n        \u003cp\u003eSurnommée \"or liquide\" du Maroc, elle est riche en vitamine E et en acides gras essentiels (oméga-6 et oméga-9). Elle hydrate en profondeur, améliore l'élasticité cutanée et aide à prévenir le vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 : À qui s'adresse ce savon --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce savon d'Alep ?\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eCe savon est particulièrement adapté si vous avez la peau mixte à grasse ou un cuir chevelu gras, mais sa formule douce le rend aussi compatible avec les peaux sensibles.\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\u003eNettoyage quotidien doux, réduction des pores dilatés, teint unifié.\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\u003eSoin lavant complet, peau douce et ressourcée après chaque douche.\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\u003eShampoing solide naturel pour les cuirs chevelus gras, cheveux plus soyeux et moins alourdis.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 : Mode d'emploi --\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\u003eMouillez et faites mousser\u003c\/h3\u003e\n          \u003cp\u003eMouillez votre peau à l'eau tiède, puis faites mousser le savon entre vos mains ou directement sur le visage.\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\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement en mouvements circulaires pendant 1 à 2 minutes pour activer les propriétés purifiantes du rhassoul.\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 et poursuivez votre routine\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire, puis appliquez votre soin habituel. Pour les cheveux, laissez poser la mousse 1 à 2 minutes avant de rincer.\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\u003ePour un résultat optimal, utilisez-le 2 à 3 fois par semaine sur le visage et quotidiennement sur le corps. Conservez-le hors 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\/section\u003e\n\n  \u003c!-- SECTION 5 : Bienfaits reconnus --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eBienfaits reconnus du savon d'Alep : ce que disent les dermatologues\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep est souvent recommandé par les dermatologues pour les peaux sensibles, à tendance acnéique ou eczémateuse, en raison de sa composition simple et sans agents irritants. L'huile de baies de laurier a démontré des propriétés anti-inflammatoires et antibactériennes, utiles pour calmer les rougeurs et les imperfections. Ce savon ne remplace pas un traitement médical prescrit, mais il peut constituer un nettoyant de base respectueux dans une routine dermatologique adaptée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 : 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 (fabricant depuis 1895)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eSyrie (savon d'Alep traditionnel) enrichi d'actifs du Maroc\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\"\u003eMixte, grasse, sensible, à imperfections\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\"\u003eSulfate, paraben, colorant artificiel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eArtisanale, méthode traditionnelle à froid\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 : 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 dans un savon\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLa douceur de l'olive, la force purifiante du rhassoul, la richesse de l'argan. Votre peau le ressent dès la première utilisation : plus nette, plus souple, véritablement rayonnante.\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: #D48A2A;\n  --soi-alep-primary-soft: #F5E6D0;\n  --soi-alep-accent: #B5694A;\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\/* 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  margin-top: 1.5rem;\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":61603663184202,"sku":"NJ0100","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-rhassoul-argan-najel-packshot.webp?v=1779176394"},{"product_id":"huile-dargan-certifiee-bio-najel","title":"Huile d'Argan certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eL'huile d'Argan\u003c\/strong\u003e, surnommée l'or du désert, est un trésor naturel qui offre une multitude de \u003cstrong\u003ebienfaits pour la peau, les cheveux et les ongles\u003c\/strong\u003e. Véritable symbole de la biodiversité marocaine, elle est extraite des fruits de l'arganier, un arbre endémique du sud du Maroc, dont l'importance va bien au-delà de ses vertus cosmétiques. \u003cstrong\u003eL'huile d'Argan certifiée bio de Najel\u003c\/strong\u003e incarne à la fois la richesse d'un patrimoine unique et le respect des normes écologiques modernes. Découvrez cette huile précieuse qui \u003cstrong\u003enourrit, protège et régénère la peau \u003c\/strong\u003eavec efficacité.\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_NJ0180_8ebf0823-c69b-468a-bf87-2fdaf6552175.jpg?v=1776181193\" alt=\"Photo d'Argan 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 d'Argan certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eL'huile d'Argan Najel est un soin d'exception,\u003cstrong\u003e riche en vitamine E\u003c\/strong\u003e, un \u003cstrong\u003epuissant antioxydant naturel\u003c\/strong\u003e qui lutte efficacement contre les radicaux libres responsables du vieillissement prématuré de la peau. Grâce à ses \u003cstrong\u003epropriétés régénérantes et hydratantes\u003c\/strong\u003e, elle \u003cstrong\u003efavorise le renouvellement cellulaire\u003c\/strong\u003e, offrant ainsi une peau plus jeune et en meilleure santé. Cette vitamine E contribue également à \u003cstrong\u003erestaurer l'élasticité de la peau et à préserver sa souplesse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eL'huile d'Argan certifiée bio Najel \u003cstrong\u003eprotège la peau des agressions extérieures\u003c\/strong\u003e telles que la pollution, le froid ou la chaleur. Elle forme un \u003cstrong\u003efilm protecteur invisible sur la peau\u003c\/strong\u003e qui permet de \u003cstrong\u003emaintenir son hydratation et de la protéger \u003c\/strong\u003econtre les facteurs environnementaux. \u003cstrong\u003eAdaptée à tous les types de peau\u003c\/strong\u003e, y compris les peaux les plus sensibles, elle \u003cstrong\u003enourrit en profondeur et améliore visiblement la texture de la peau\u003c\/strong\u003e, tout en apportant confort et douceur.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePolyvalente\u003c\/strong\u003e, l'huile d'Argan de Najel\u003cstrong\u003e peut être utilisée pour le visage, le corps, les cheveux\u003c\/strong\u003e, ainsi que pour le \u003cstrong\u003esoin des mains et des ongles\u003c\/strong\u003e. Elle est particulièrement recommandée \u003cstrong\u003epour réparer les peaux sèches, les cheveux abîmés ou les ongles cassants.\u003c\/strong\u003e Elle est également un excellent soin préventif pour maintenir une peau souple et élastique.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCertifiée Cosmos Organic par Ecocert\u003c\/strong\u003e, cette huile respecte des normes strictes en matière de production et de qualité, garantissant ainsi \u003cstrong\u003eun produit naturel, respectueux de l'environnement et de votre santé\u003c\/strong\u003e. Son flacon ambré, équipé d'une pompe goutte à goutte, permet une utilisation pratique et précise, tout en protégeant le produit de la lumière et de l'air.\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\u003eL'huile d'Argan certifiée bio de Najel\u003c\/strong\u003e est ainsi \u003cstrong\u003eun soin complet et polyvalent, idéal pour nourrir, hydrater et protéger la peau, les cheveux et les ongles\u003c\/strong\u003e. Sa richesse en vitamine E et ses multiples bienfaits en font un incontournable de votre routine beauté. En plus de ses vertus cosmétiques, elle \u003cstrong\u003esoutient l'autonomisation des femmes marocaines grâce à la fabrication artisanale de l'huile dans des coopératives locales\u003c\/strong\u003e. Optez pour cette huile précieuse pour un soin de qualité, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663774026,"sku":"NJ0180","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0180_huile_argan_b7479983-7a29-4410-84a2-c74948ec1ef8.jpg?v=1778843299"},{"product_id":"eau-salee-de-la-mer-morte-najel","title":"Eau Salée de la Mer Morte – Najel","description":"\u003cdiv class=\"soi-merm-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-merm-hero\"\u003e\n    \u003cdiv class=\"soi-merm-hero-tag\"\u003e\n      \u003cspan class=\"soi-merm-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique \u0026amp; soin · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-merm-hero-title\"\u003eEau Salée de la Mer Morte\u003c\/span\u003e\n    \u003cp class=\"soi-merm-hero-subtitle\"\u003eUn concentré de 21 minéraux essentiels puisé directement dans la Mer Morte, pour une peau apaisée, régénérée et visiblement plus douce.\u003c\/p\u003e\n    \u003cdiv class=\"soi-merm-hero-labels\"\u003e\n      \u003cspan class=\"soi-merm-label soi-merm-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n      \u003cspan class=\"soi-merm-label\"\u003e100 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-merm-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n      \u003cspan class=\"soi-merm-label\"\u003e200 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Eau Salée de la Mer Morte Najel : un concentré minéral pour votre peau --\u003e\n  \u003csection class=\"soi-merm-section\"\u003e\n    \u003ch2\u003eEau Salée de la Mer Morte Najel : un concentré minéral pour votre peau\u003c\/h2\u003e\n    \u003cp\u003ePuisée directement dans la Mer Morte, cette eau salée d'exception signée Najel concentre l'essentiel de ce que la nature a de plus précieux pour votre peau. Avec une concentration en sel dépassant les 340 g\/litre (soit près de 10 fois la salinité d'une mer classique), l'eau de la Mer Morte affiche une densité et une masse volumique bien supérieures à l'eau ordinaire, ce qui explique ses propriétés uniques.\u003c\/p\u003e\n    \u003cp\u003eCe flacon de 200 ml, certifié Cosmos Natural par Ecocert, renferme 21 minéraux essentiels : magnésium, potassium, calcium, bromure et bien d'autres actifs naturellement présents dans cette étendue d'eau unique au monde.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-merm-grid-compact\"\u003e\n      \u003cdiv class=\"soi-merm-card-mini\"\u003e\n        \u003cspan class=\"soi-merm-card-mini-icon\"\u003e🧂\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-label\"\u003eConcentration en sel\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-value\"\u003e340 g\/litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card-mini\"\u003e\n        \u003cspan class=\"soi-merm-card-mini-icon\"\u003e💎\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-label\"\u003eMinéraux essentiels\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-value\"\u003e21 minéraux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card-mini\"\u003e\n        \u003cspan class=\"soi-merm-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card-mini\"\u003e\n        \u003cspan class=\"soi-merm-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi l'eau de la Mer Morte est-elle si particulière ? --\u003e\n  \u003csection class=\"soi-merm-section\"\u003e\n    \u003ch2\u003ePourquoi l'eau de la Mer Morte est-elle si particulière ?\u003c\/h2\u003e\n    \u003cp\u003eLa Mer Morte est un lac salé situé entre la Jordanie et Israël, à plus de 430 mètres sous le niveau de la mer. Sa température de l'eau oscille entre 19 °C en hiver et 31 °C en été, favorisant une concentration minérale extrême par évaporation constante. Cette composition fait de l'eau de la Mer Morte un ingrédient cosmétique à part, utilisé depuis des siècles pour ses vertus thérapeutiques et régénérantes.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-merm-benefits\"\u003e\n      \u003cdiv class=\"soi-merm-benefit\"\u003e\n        \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eMagnésium\u003c\/h3\u003e\n        \u003cp\u003eApaise les peaux irritées et favorise la régénération cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-benefit\"\u003e\n        \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePotassium\u003c\/h3\u003e\n        \u003cp\u003eMaintient l'hydratation naturelle de la peau au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-benefit\"\u003e\n        \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCalcium\u003c\/h3\u003e\n        \u003cp\u003eRenforce la barrière cutanée et protège contre la déshydratation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-benefit\"\u003e\n        \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBromure\u003c\/h3\u003e\n        \u003cp\u003eEffet relaxant reconnu sur les muscles et les tensions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les utilisations concrètes de l'eau de la Mer Morte Najel --\u003e\n  \u003csection class=\"soi-merm-section\"\u003e\n    \u003ch2\u003eLes utilisations concrètes de l'eau de la Mer Morte Najel\u003c\/h2\u003e\n    \u003cp class=\"soi-merm-section-intro\"\u003eLa polyvalence de ce soin est l'une de ses grandes forces. Voici comment l'intégrer facilement à votre routine :\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-merm-grid\"\u003e\n      \u003cdiv class=\"soi-merm-card\"\u003e\n        \u003ch3\u003e🌸 Soin du visage\u003c\/h3\u003e\n        \u003cp\u003eDiluée à 5 % dans de l'eau (environ 1 cuillère à café pour 200 ml), elle s'utilise en brumisation ou en lotion tonique pour purifier les pores et unifier le teint.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card\"\u003e\n        \u003ch3\u003e🛁 Bain minéral apaisant\u003c\/h3\u003e\n        \u003cp\u003eVersez 200 à 300 ml dans votre bain tiède pour reproduire l'expérience thalasso chez vous. Idéal après une journée intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card\"\u003e\n        \u003ch3\u003e💆 Soin du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eAppliquez diluée en friction légère pour apaiser les irritations et les démangeaisons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card\"\u003e\n        \u003ch3\u003e💪 Massage musculaire\u003c\/h3\u003e\n        \u003cp\u003eEn application locale (pure ou légèrement diluée) sur les zones douloureuses ou contractées, elle favorise la détente et soulage les tensions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-card\"\u003e\n        \u003ch3\u003e🩹 Peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eSon action purifiante et anti-inflammatoire naturelle la rend particulièrement adaptée aux peaux sujettes à l'eczéma ou au psoriasis. Elle ne remplace en aucun cas un traitement médical prescrit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition --\u003e\n  \u003csection class=\"soi-merm-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"soi-merm-compo\"\u003e\n      \u003cdiv class=\"soi-merm-compo-row\"\u003e\n        \u003cspan class=\"soi-merm-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-compo-value\"\u003eAqua (Dead Sea Water)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-compo-row\"\u003e\n        \u003cspan class=\"soi-merm-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-compo-value\"\u003eEau de la Mer Morte 100 % pure et naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-compo-row\"\u003e\n        \u003cspan class=\"soi-merm-compo-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-compo-value\"\u003eSans additif, sans conservateur ajouté, sans parfum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-compo-row\"\u003e\n        \u003cspan class=\"soi-merm-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-compo-row\"\u003e\n        \u003cspan class=\"soi-merm-compo-label\"\u003eConvient à\u003c\/span\u003e\n        \u003cspan class=\"soi-merm-compo-value\"\u003eTous types de peaux\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser l'eau de la Mer Morte au quotidien ? --\u003e\n  \u003csection class=\"soi-merm-section\"\u003e\n    \u003ch2\u003eComment utiliser l'eau de la Mer Morte au quotidien ?\u003c\/h2\u003e\n    \u003cp class=\"soi-merm-section-intro\"\u003eLa règle d'or : toujours diluer avant une application sur le visage. Pure, elle est réservée aux bains ou aux massages corporels ponctuels.\u003c\/p\u003e\n\n    \u003cdiv class=\"soi-merm-timeline\"\u003e\n      \u003cdiv class=\"soi-merm-step\"\u003e\n        \u003cdiv class=\"soi-merm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-merm-step-content\"\u003e\n          \u003ch3\u003eVisage ou cuir chevelu\u003c\/h3\u003e\n          \u003cp\u003eDilution à 5 % : 1 part d'eau salée pour 20 parts d'eau douce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-step\"\u003e\n        \u003cdiv class=\"soi-merm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-merm-step-content\"\u003e\n          \u003ch3\u003eBain relaxant\u003c\/h3\u003e\n          \u003cp\u003eVersez directement le flacon entier dans un bain rempli.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-merm-step\"\u003e\n        \u003cdiv class=\"soi-merm-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-merm-step-content\"\u003e\n          \u003ch3\u003eApplication locale musculaire\u003c\/h3\u003e\n          \u003cp\u003ePure, en compresse tiède sur la zone concernée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"soi-merm-tip\"\u003e\n      \u003cdiv class=\"soi-merm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour des résultats visibles sur la peau (éclat, douceur, confort), comptez 3 à 4 semaines d'utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions d'utilisation --\u003e\n  \u003csection class=\"soi-merm-section\"\u003e\n    \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-merm-accordion\"\u003e\n      \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n        \u003csummary class=\"soi-merm-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n        \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n          \u003cp\u003eÉvitez tout contact avec les yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n        \u003csummary class=\"soi-merm-accordion-header\"\u003e🚫 Application sur le visage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n          \u003cp\u003eNe s'applique pas pure sur le visage. Toujours diluer avant utilisation sur cette zone.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n        \u003csummary class=\"soi-merm-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n        \u003csummary class=\"soi-merm-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n          \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis ou traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA BOX --\u003e\n  \u003csection class=\"soi-merm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-merm-cta-box\"\u003e\n      \u003cp class=\"soi-merm-cta-tag\" style=\"color: white;\"\u003eDes siècles de sagesse minérale en un flacon\u003c\/p\u003e\n      \u003cp class=\"soi-merm-cta-text\" style=\"color: white;\"\u003eRamenez chez vous l'essence même de la Mer Morte. 200 ml de pureté certifiée, pour une peau apaisée, régénérée et visiblement plus douce.\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-merm-marine: #1A2D3D;\n  --soi-merm-marine-dark: #0F1E2B;\n  --soi-merm-marine-light: #2C4458;\n  --soi-merm-pomme: #A1C544;\n  --soi-merm-pomme-dark: #84A636;\n  --soi-merm-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-merm-white: #FFFFFF;\n  --soi-merm-off-white: #F8FAF6;\n  --soi-merm-stone: #F1F3EE;\n  --soi-merm-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging ambre\/teal Najel) === *\/\n  --soi-merm-primary: #3E8A8E;\n  --soi-merm-primary-soft: rgba(62,138,142,0.10);\n  --soi-merm-accent: #5AACA8;\n\n  \/* === Textes === *\/\n  --soi-merm-text: #1A2D3D;\n  --soi-merm-text-soft: #4A5B6B;\n  --soi-merm-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-merm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-merm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-merm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-merm-radius: 12px;\n  --soi-merm-radius-sm: 8px;\n  --soi-merm-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-merm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-merm-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-merm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-merm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-merm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-merm-hero {\n  position: relative;\n  background: var(--soi-merm-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-merm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-merm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-merm-pomme);\n}\n\n.soi-merm-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-merm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-merm-pomme);\n  border-radius: 50%;\n}\n\n.soi-merm-hero-title {\n  display: block;\n  color: var(--soi-merm-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-merm-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-merm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-merm-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-merm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-merm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-merm-label-accent {\n  background: var(--soi-merm-pomme);\n  border-color: var(--soi-merm-pomme);\n  color: var(--soi-merm-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-merm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-merm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-merm-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-merm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-merm-pomme);\n  border-radius: 2px;\n}\n\n.soi-merm-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-merm-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-merm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-merm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-merm-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-merm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-merm-benefit {\n  background: var(--soi-merm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-merm-radius);\n  border: 1px solid var(--soi-merm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-merm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-merm-shadow-md);\n}\n\n.soi-merm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-merm-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-merm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-merm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-merm-benefit:hover .soi-merm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-merm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-merm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-merm-benefit p {\n  font-size: 13px;\n  color: var(--soi-merm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-merm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-merm-card {\n  background: var(--soi-merm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-merm-radius);\n  border-left: 3px solid var(--soi-merm-pomme);\n}\n\n.soi-merm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-merm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-merm-card p {\n  font-size: 14px;\n  color: var(--soi-merm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-merm-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-merm-card-mini {\n  background: var(--soi-merm-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-merm-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-merm-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-merm-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-merm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-merm-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-merm-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-merm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-merm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-merm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-merm-radius);\n  border: 1px solid var(--soi-merm-line);\n  align-items: flex-start;\n}\n\n.soi-merm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-merm-marine);\n  color: var(--soi-merm-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-merm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-merm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-merm-step-content p {\n  font-size: 14px;\n  color: var(--soi-merm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-merm-compo {\n  background: var(--soi-merm-off-white);\n  border-radius: var(--soi-merm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-merm-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-merm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-merm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-merm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-merm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-merm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-merm-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-merm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-merm-pomme-light);\n  border-left: 4px solid var(--soi-merm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-merm-radius) var(--soi-merm-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-merm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-merm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-merm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-merm-tip p {\n  font-size: 14px;\n  color: var(--soi-merm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-merm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-merm-accordion-item {\n  background: var(--soi-merm-off-white);\n  border-radius: var(--soi-merm-radius-sm);\n  border: 1px solid var(--soi-merm-line);\n  overflow: hidden;\n}\n\n.soi-merm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-merm-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-merm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-merm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-merm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-merm-accordion-item[open] .soi-merm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-merm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-merm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-merm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-merm-cta-box {\n  background: var(--soi-merm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-merm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-merm-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-merm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-merm-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-merm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-merm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-merm-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-merm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-merm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-merm-compo-value {\n    text-align: left;\n  }\n\n  .soi-merm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-merm-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .soi-merm-benefits {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .soi-merm-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-merm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-merm-fiche {\n    --soi-merm-text-soft: #2C3E50;\n    --soi-merm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603665117514,"sku":"NJ0325","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/eau-salee-de-la-mer-morte-najel-packshot.webp?v=1779719891"},{"product_id":"shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio","title":"Shampoing \u0026 Démêlant Boucles Anti-frisottis bio - Centifolia","description":"\n\u003cdiv class=\"soi-jbcl-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-jbcl-hero\"\u003e\n    \u003cdiv class=\"soi-jbcl-hero-tag\"\u003e\n      \u003cspan class=\"soi-jbcl-tag-dot\"\u003e\u003c\/span\u003e\n      Soin capillaire bio · Centifolia\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-jbcl-hero-title\"\u003eShampoing \u0026amp; Démêlant Boucles Anti-Frisottis 2en1\u003c\/span\u003e\n    \u003cp class=\"soi-jbcl-hero-subtitle\"\u003eNettoyage doux, démêlage actif et boucles redéfinies en un seul geste. Une formule certifiée bio à 99 % d'origine naturelle, validée par des coiffeurs professionnels.\u003c\/p\u003e\n    \u003cdiv class=\"soi-jbcl-hero-labels\"\u003e\n      \u003cspan class=\"soi-jbcl-label soi-jbcl-label-accent\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003eECOCERT COSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-jbcl-label\"\u003e200 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Introduction --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003e2 actions en 1 produit : Shampoinge \u0026amp; Démêle les Boucles \u003c\/h2\u003e\n    \u003cp\u003eVos cheveux bouclés, frisés ou crépus méritent mieux qu'un shampoing générique. Le shampoing démêlant boucles anti-frisottis 2en1 Centifolia est conçu spécifiquement pour les chevelures à boucles fragilisées : il nettoie en douceur, démêle sans effort et redéfinit chaque boucle dès le premier lavage. Une formule certifiée bio, validée par des coiffeurs professionnels, à 99 % d'origine naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Pourquoi choisir --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing naturel pour cheveux bouclés ?\u003c\/h2\u003e\n    \u003cp\u003eLes cheveux bouclés ont une structure particulière : ils sont naturellement plus secs, plus poreux et plus sensibles aux frisottis. Un shampoing classique peut casser les boucles, les alourdir ou dessécher les longueurs.\u003c\/p\u003e\n    \u003cp\u003eCentifolia a pensé ce produit comme un véritable soin capillaire 2en1, alliant nettoyage doux et démêlage actif en une seule étape. Vous gagnez du temps, et vos boucles y gagnent en santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Actifs clés --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eLes actifs clés de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-grid\"\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🥭 Mangue bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamines A et C, elle nourrit en profondeur et restaure la souplesse des fibres fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌴 Huile de buriti bio\u003c\/h3\u003e\n        \u003cp\u003eExceptionnellement riche en bêta-carotène, elle revitalise les boucles et leur donne un éclat naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌿 Gel d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate, apaise le cuir chevelu et facilite le glissement pour un démêlage sans tiraillement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e✨ Protéines d'amande douce\u003c\/h3\u003e\n        \u003cp\u003eRenforcent la fibre capillaire de l'intérieur et apportent de la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card\"\u003e\n        \u003ch3\u003e🌾 Actif biosourcé d'amidon\u003c\/h3\u003e\n        \u003cp\u003e100 % naturel, il contrôle les frisottis, redessine les boucles et résiste à l'humidité pour une tenue longue durée.\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-jbcl-section\"\u003e\n    \u003ch2\u003eComment utiliser ce shampoing pour cheveux bouclés ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-timeline\"\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette généreuse sur cheveux mouillés. Massez doucement le cuir chevelu pour activer la mousse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eRépartir et démêler\u003c\/h3\u003e\n          \u003cp\u003eRépartissez le produit sur toutes les longueurs en travaillant boucle par boucle. La formule 2en1 remplace votre après-shampoing démêlant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-step\"\u003e\n        \u003cdiv class=\"soi-jbcl-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-jbcl-step-content\"\u003e\n          \u003ch3\u003eRincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment. Pour optimiser la définition des boucles, terminez avec un rinçage à l'eau froide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jbcl-tip\"\u003e\n      \u003cdiv class=\"soi-jbcl-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eFréquence conseillée : 2 à 3 lavages par semaine selon la nature de vos cheveux et votre routine capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Composition --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eComposition complète du shampoing Centifolia Jolies Boucles\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-compo\"\u003e\n      \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n        \u003cspan class=\"soi-jbcl-compo-label\"\u003eListe INCI\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-compo-value soi-jbcl-compo-inci\"\u003eAqua, Cocamidopropyl Betaine, Sodium Cocoyl Isethionate, Glycerin, Mangifera Indica (Mango) Fruit Extract*, Mauritia Flexuosa (Buriti) Fruit Oil*, Aloe Barbadensis Leaf Juice Powder*, Prunus Amygdalus Dulcis (Sweet Almond) Protein, Zea Mays (Corn) Starch, Parfum (Fragrance), Sodium Benzoate, Potassium Sorbate, Citric Acid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-compo-row\"\u003e\n        \u003cspan class=\"soi-jbcl-compo-label\"\u003eNote\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-compo-value\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-jbcl-grid-compact soi-jbcl-formule-tags\"\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eSilicones\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eParabènes\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eColorants de synthèse\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eFlacon recyclable\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Résultats constatés --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eRésultats constatés après utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-benefits\"\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🌀\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eBoucles redéfinies\u003c\/h3\u003e\n        \u003cp\u003eNettement plus définies et rebondies dès le premier shampoing.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDouceur et brillance\u003c\/h3\u003e\n        \u003cp\u003eCheveux plus doux au toucher, plus brillants et plus faciles à coiffer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eFrisottis maîtrisés\u003c\/h3\u003e\n        \u003cp\u003eFrisottis visiblement réduits, y compris par temps humide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-benefit\"\u003e\n        \u003cdiv class=\"soi-jbcl-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCuir chevelu respecté\u003c\/h3\u003e\n        \u003cp\u003eCuir chevelu respecté grâce à l'absence de tensioactifs sulfatés agressifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 7 : Pour qui --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n    \u003cp\u003eCe shampoing naturel pour cheveux bouclés convient à toutes les textures ondulées, bouclées, frisées et crépues. Il est particulièrement recommandé pour les cheveux fragilisés, secs ou abîmés par des colorations. Sa formule douce le rend compatible avec un usage régulier sans risque d'effet cumulatif indésirable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 8 : Certifications --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003ch2\u003eCertifications \u0026amp; engagements\u003c\/h2\u003e\n    \u003cdiv class=\"soi-jbcl-grid-compact\"\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eEcocert Cosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eVegan certifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003e99 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-jbcl-card-mini\"\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-icon\"\u003e✂️\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-label\"\u003eValidation\u003c\/span\u003e\n        \u003cspan class=\"soi-jbcl-card-mini-value\"\u003eCoiffeurs professionnels\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précaution en accordéon --\u003e\n  \u003csection class=\"soi-jbcl-section\"\u003e\n    \u003cdiv class=\"soi-jbcl-accordion\"\u003e\n      \u003cdetails class=\"soi-jbcl-accordion-item\"\u003e\n        \u003csummary class=\"soi-jbcl-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-jbcl-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire ou de pathologie du cuir chevelu.\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-jbcl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-jbcl-cta-box\"\u003e\n      \u003cp class=\"soi-jbcl-cta-tag\" style=\"color: white;\"\u003eSe coiffer naturellement, boucle après boucle\u003c\/p\u003e\n      \u003cp class=\"soi-jbcl-cta-text\" style=\"color: white;\"\u003eDes boucles définies, douces, brillantes et libérées des frisottis dès le premier lavage. Offrez à vos cheveux ce qu'ils méritent 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-jbcl-marine: #1A2D3D;\n  --soi-jbcl-marine-dark: #0F1E2B;\n  --soi-jbcl-marine-light: #2C4458;\n  --soi-jbcl-pomme: #A1C544;\n  --soi-jbcl-pomme-dark: #84A636;\n  --soi-jbcl-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-jbcl-white: #FFFFFF;\n  --soi-jbcl-off-white: #F8FAF6;\n  --soi-jbcl-stone: #F1F3EE;\n  --soi-jbcl-line: #E5E8E0;\n\n  --soi-jbcl-primary: #D88542;\n  --soi-jbcl-primary-soft: #F5E6D4;\n  --soi-jbcl-accent: #4A3028;\n\n  --soi-jbcl-text: #1A2D3D;\n  --soi-jbcl-text-soft: #4A5B6B;\n  --soi-jbcl-text-muted: #7B8693;\n\n  --soi-jbcl-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-jbcl-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-jbcl-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-jbcl-radius: 12px;\n  --soi-jbcl-radius-sm: 8px;\n  --soi-jbcl-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-jbcl-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jbcl-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-jbcl-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-jbcl-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-jbcl-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-jbcl-hero {\n  position: relative;\n  background: var(--soi-jbcl-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-jbcl-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-jbcl-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-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-jbcl-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 50%;\n}\n\n.soi-jbcl-hero-title {\n  display: block;\n  color: var(--soi-jbcl-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-jbcl-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-jbcl-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-jbcl-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-jbcl-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-jbcl-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-jbcl-label-accent {\n  background: var(--soi-jbcl-pomme);\n  border-color: var(--soi-jbcl-pomme);\n  color: var(--soi-jbcl-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-jbcl-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jbcl-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-jbcl-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-jbcl-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-jbcl-pomme);\n  border-radius: 2px;\n}\n\n.soi-jbcl-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-jbcl-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-jbcl-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-jbcl-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-jbcl-benefit {\n  background: var(--soi-jbcl-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-jbcl-radius);\n  border: 1px solid var(--soi-jbcl-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-jbcl-shadow-md);\n}\n\n.soi-jbcl-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-jbcl-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-jbcl-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-jbcl-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-jbcl-benefit:hover .soi-jbcl-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-jbcl-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-benefit p {\n  font-size: 13px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-jbcl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-jbcl-card {\n  background: var(--soi-jbcl-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jbcl-radius);\n  border-left: 3px solid var(--soi-jbcl-pomme);\n}\n\n.soi-jbcl-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-jbcl-card p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-jbcl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-jbcl-formule-tags {\n  margin-top: 1.25rem;\n}\n\n.soi-jbcl-card-mini {\n  background: var(--soi-jbcl-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-jbcl-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-jbcl-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-jbcl-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-jbcl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-jbcl-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-jbcl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-jbcl-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-jbcl-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-jbcl-radius);\n  border: 1px solid var(--soi-jbcl-line);\n  align-items: flex-start;\n}\n\n.soi-jbcl-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-jbcl-marine);\n  color: var(--soi-jbcl-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-jbcl-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-jbcl-step-content p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-jbcl-compo {\n  background: var(--soi-jbcl-off-white);\n  border-radius: var(--soi-jbcl-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-jbcl-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-jbcl-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-jbcl-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-jbcl-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-jbcl-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  flex-shrink: 0;\n}\n\n.soi-jbcl-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-jbcl-marine);\n  text-align: right;\n}\n\n.soi-jbcl-compo-inci {\n  font-size: 12px;\n  font-weight: 400;\n  font-family: 'Inter', sans-serif;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  text-align: left;\n  flex-basis: 100%;\n}\n\n\/* === TIP === *\/\n.soi-jbcl-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-jbcl-pomme-light);\n  border-left: 4px solid var(--soi-jbcl-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-jbcl-radius) var(--soi-jbcl-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-jbcl-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-jbcl-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-jbcl-marine);\n  margin-bottom: 4px;\n}\n\n.soi-jbcl-tip p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-jbcl-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-jbcl-accordion-item {\n  background: var(--soi-jbcl-off-white);\n  border-radius: var(--soi-jbcl-radius-sm);\n  border: 1px solid var(--soi-jbcl-line);\n  overflow: hidden;\n}\n\n.soi-jbcl-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-jbcl-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-jbcl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-jbcl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-jbcl-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-jbcl-accordion-item[open] .soi-jbcl-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-jbcl-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-jbcl-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-jbcl-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-jbcl-cta-box {\n  background: var(--soi-jbcl-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-jbcl-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-jbcl-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-jbcl-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-jbcl-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-jbcl-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-jbcl-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-jbcl-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-jbcl-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-jbcl-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-jbcl-compo-value {\n    text-align: left;\n  }\n\n  .soi-jbcl-hero {\n    padding: 1.75rem 1.25rem;\n  }\n\n  .soi-jbcl-grid-compact {\n    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-jbcl-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-jbcl-fiche {\n    --soi-jbcl-text-soft: #2C3E50;\n    --soi-jbcl-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603668132170,"sku":"CE0580","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-demelant-boucles-anti-frisottis-2en1-certifie-bio-packshot.webp?v=1779453931"},{"product_id":"gel-creme-definisseur-boucles-2en1-centifolia","title":"Gel Crème Définisseur Boucles 2en1 – Centifolia","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003ePour sublimer vos boucles tout en leur apportant soin et protection, découvrez le \u003cstrong\u003eGel Crème Définisseur de Boucles 2en1 de Centifolia\u003c\/strong\u003e. Spécialement conçu pour les cheveux bouclés, frisés et crépus, ce produit innovant offre une double action hydratante et fixatrice grâce à sa texture unique, alliant les bienfaits d’un gel et d’une crème. Avec des ingrédients bio soigneusement sélectionnés, ce soin vegan, fabriqué en France, garantit une performance professionnelle pour des boucles naturelles, définies et sans frisottis.\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_CE0585_f458914d-6450-405c-8cfc-b15efa46cc05.jpg?v=1776181207\" alt=\"Femme aux cheveux bouclés\" 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 Crème Définisseur de Boucles 2en1 de Centifolia\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne hydratation et une nutrition intenses\u003c\/strong\u003e\u003cbr\u003eLes cheveux bouclés, souvent secs par nature, trouvent dans ce gel-crème une solution idéale. Enrichi en mangue bio, huile de buriti, beurre de karité et aloe vera bio, ce soin hydrate en profondeur et nourrit intensément les boucles les plus fragilisées. Ainsi, il aide à prévenir la déshydratation et les frisottis tout en restaurant la vitalité naturelle des cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne définition parfaite des boucles\u003c\/strong\u003e\u003cbr\u003eGrâce à sa formule biosourcée à base d’amidon naturel, ce produit accentue la forme naturelle des boucles, offrant une définition deux fois plus prononcée, de la racine aux pointes. Le gel gaine chaque mèche pour une tenue longue durée, tandis que la crème protège et assouplit les cheveux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn contrôle efficace des frisottis\u003c\/strong\u003e\u003cbr\u003eSpécialement conçu pour résister à l’humidité, ce gel-crème dompte les frisottis, laissant les cheveux lisses et bien définis. Que vos cheveux soient soumis à des conditions humides ou sèches, vos boucles restent impeccables tout au long de la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne texture légère et sans résidus\u003c\/strong\u003e\u003cbr\u003eOffrant une finition naturelle, ce produit évite l’effet carton et ne laisse aucun résidu visible. Sa texture légère permet aux boucles de rebondir librement et naturellement, sans les alourdir ni les rendre collantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne formule éthique et naturelle\u003c\/strong\u003e\u003cbr\u003eCertifié bio et vegan, le Gel Crème Définisseur de Boucles 2en1 est fabriqué en France avec des ingrédients naturels et un parfum éco-conçu. Il respecte non seulement vos cheveux mais aussi l’environnement, en répondant aux attentes des consommateurs exigeants en matière de naturalité et de durabilité.\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\u003eLe \u003cstrong\u003eGel Crème Définisseur de Boucles 2en1 de Centifolia\u003c\/strong\u003e est ainsi une véritable expérience capillaire, alliant efficacité professionnelle et respect des cheveux multi-texturisés. Avec ses propriétés hydratantes, nourrissantes et définissantes, il sublime les boucles tout en garantissant une tenue longue durée sans frisottis. Offrez à vos cheveux le meilleur de la nature et révélez des boucles parfaitement dessinées, naturellement éclatantes et pleines de vie.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Centifolia","offers":[{"title":"Default Title","offer_id":61603669082442,"sku":"CE0585","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/centifolia_ce0585_gel_creme_boucles_antifrissotis_9ba25932-3089-431c-b3c8-91959096d835.jpg?v=1778843317"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/soin_cheveux.webp?v=1780050162","url":"https:\/\/www.soinature.com\/collections\/soins-cheveux.oembed","provider":"Soinature","version":"1.0","type":"link"}